您现在的位置是：网站首页> 编程资料编程资料

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

2021-08-29 1388人已围观

简介 下面小编就为大家带来一篇浅谈html特殊字符 编码css3 content:"我是特殊符号"。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

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

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  

上一篇：细数html中的列表标签html中常用的标签总结(必看)HTML5新增加标签和功能概述HTML中相似的标签和属性的区别详解html meta标签的使用总结(推荐)浅谈Html5中视频 音频标签 进度条的问题HTML块级标签汇总（小篇）HTML标签marquee实现滚动效果的简单方法(必看)

下一篇：HTML 编辑基础(菜鸟必看篇)html5将图片转换成base64的实例代码html5本地存储 localStorage操作使用详解HTML标签marquee实现滚动效果的简单方法(必看)浅谈html标题，段落，换行，水平线，特殊字符浅谈html有序列表、无序列表与定义列表HTML5 Web 存储详解html插入链接的实现方法浅谈HTML空链接的作用

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网