360教程:是一个免费提供流行杀毒软件教程、在线学习分享的学习平台!

html的特殊字符-css3 content:"特殊标记"应该如何运用

时间:2024-1-16作者:未知来源:360教程人气:

[摘要]这次给大家带来html的特殊字符-css3 content:"特殊符号"应该如何使用,使用html的特殊符号应该如何使用的注意事项有哪些,下面就是实战案例,一起来看一下。项目中用...
这次给大家带来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;    
}

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

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


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

关键词:html的特殊字符-css3 content:"特殊标记"应该如何运用




Copyright © 2012-2018 360教程(http://www.360sd.cn) .All Rights Reserved 网站地图 友情链接

免责声明:本站资源均来自互联网收集 如有侵犯到您利益的地方请及时联系管理删除,敬请见谅!

QQ:1006262270   邮箱:kfyvi376850063@126.com   手机版