首页 > 编程 > HTML > 正文

浅谈html特殊字符 编码css3 content:"我是特殊符号"

2019-10-26 17:19:16
字体:
来源:转载
供稿:网友

项目中用到的一些特殊字符和图标

html代码

  • <div class="cross"></div>    
  • css代码

    CSS Code复制内容到剪贴板
  • .cross{         width: 20px;    
  •     height: 20px;         background-color: #F3F9FF;    
  •     border-radius: 10px;         border: 1px solid #DBE6EF;    
  •     display: inline-block;         position: relative;    
  •     bottombottom: 20px;         rightright: 15px;    
  • }     .cross:after{    
  •     content: "/2715";//特殊字符或形状         color: #a2b6c5;    
  •     font-size: 12px;         position: relative;    
  •     left: 4px;         bottombottom: 3px;    
  •     cursor: pointer;     }  

    效果图

    就是一个圆圈里面带个叉叉

    特殊字符和形状可以省去很多事情,整理了一下网上的,留着以后用

    基本形状  ▲ 9650 25B2    ► 9658 25BA    ► 9658 25BA   ▼ 9660 25BC ◄ 9668 25C4    ❤ 10084 2764   ✈ 9992 2708   ★ 9733 2605 ✦ 10022 2726   ☀ 9728 2600     ◆ 9670 25C6   ◈ 9672 25C8 ▣ 9635 25A3

     

    标点,特殊符号
    « 171 00AB       » 187 00BB        ‹ 139 008B      › 155 009B        “ 8220 201C    ” 8221 201D  ‘ 8216 2018      ’ 8217 2019       • 8226 2022     ◦ 9702 25E6      ¡ 161 00A1       ¿ 191 00BF  ℅ 8453 2105   № 8470 2116     & 38 0026       @ 64 0040         ℞ 8478 211E    ℃ 8451 2103  ℉ 8457 2109   ° 176 00B0         | 124 007C       ¦ 166 00A6     – 8211 2013      — 8212 2014 … 8230 2026   ¶ 182 00B6        ∼ 8764 223C   ≠ 8800 2260

  • 发表评论 共有条评论
    用户名: 密码:
    验证码: 匿名发表

    图片精选