HTML 特殊符号编码对照表

<!DOCTYPE html>
<html>
<header>
  <style type="text/css">
    .arrow{
      display: block;
      margin-top: 20px;
      border-width: 20px;
      width: 0;
      height: 0;
      font-size: 0;
      line-height: 0;
    }
    .arrow-top{
      border-color: transparent transparent #000 transparent;
      border-style: dashed dashed solid dashed;
    }
    .arrow-bottom{
      border-color:red transparent transparent transparent;
      border-style: solid dashed dashed  dashed;
    }
    .arrow-left{
      border-color: transparent  transparent transparent #ccc;
      border-style: dashed dashed dashed solid;
    }
    .arrow-right{
      border-color: transparent yellow transparent  transparent;
      border-style: dashed solid dashed dashed;
    }
  </style>
</header>
<body>
  <span class="arrow arrow-top"></span>
  <span class="arrow arrow-bottom"></span>
  <span class="arrow arrow-left"></span>
  <span class="arrow arrow-right"></span>
</body>
</html>

posted on 2017-06-16 10:28 Newbie_小白阅读(473) 评论(0) 编辑收藏举报