项目中用到的一些特殊字符和图标
html代码
XML/HTML Code复制内容到剪贴板
- <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
网站类容多为转载,如有侵权,请联系站长删除
上一个:细数html中的列表标签html中常用的标签总结(必看)HTML5新增加标签和功能概述HTML中相似的标签和属性的区别详解html meta标签的使用总结(推荐)浅谈Html5中视频 音频标签 进度条的问题HTML块级标签汇总(小篇)HTML标签marquee实现滚动效果的简单方法(必看)
下一个:HTML 编辑基础(菜鸟必看篇)html5将图片转换成base64的实例代码html5本地存储 localStorage操作使用详解HTML标签marquee实现滚动效果的简单方法(必看)浅谈html标题,段落,换行,水平线,特殊字符浅谈html有序列表、无序列表与定义列表HTML5 Web 存储详解html插入链接的实现方法浅谈HTML空链接的作用