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

时间：2017-04-08

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

html代码

XML/HTML Code复制内容到剪贴板
  1. <div class="cross"></div>    

css代码

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

效果图

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

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

基本形状  ▲ 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

 

  • 共3页:
    • 上一篇1/3
  • 下一页
    • 上一篇：HTML 编辑基础(菜鸟必看篇) 下一篇：细数html中的列表标签

    相关文章

    最新文章

    Copyright © 2022-2023 HTML5模板网 版权所有并保留所有权