好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

html的特殊字符-css3content:"特殊符号"应该如何使用

这次给大家带来html的特殊字符-css3 content:"特殊符号"应该如何使用,使用html的特殊符号应该如何使用的注意事项有哪些,下面就是实战案例,一起来看一下。

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

html代码

<div class="cross"></div>    
css代码
.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;    
} 

相信看了这些案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

相关阅读:

怎样用h5的sse服务器发送EventSource事件

H5的本地存储和本地数据库详细介绍

h5如何实现记住密码功能

以上就是html的特殊字符-css3 content:"特殊符号"应该如何使用的详细内容,更多请关注Gxl网其它相关文章!

查看更多关于html的特殊字符-css3content:"特殊符号"应该如何使用的详细内容...

  阅读:37次