Rumah >hujung hadapan web >tutorial css > css3中的content字符编码

css3中的content字符编码

高洛峰
高洛峰asal
2016-11-24 13:14:572625semak imbas

content有5中属性

content:""; // 为空

content:attr(title); // 可以获取标签属性值 也可以获取自定义属性值 比如

css是 div:after{content:attr(gaga)}则可以获取到了123


content:"我是谁"; // 填写字符串比如



// css是div:after{content:"我是"counter(title)",我怕"counter(gaga);}结果就是 "我是gaga2,我怕gaga1";

content:"\21e0"; //获取如下的图的字符集图标 斜杠就是转义 不过有一些图标在浏览器直接是有一些差别

content:url(123.gif); //使用指定的绝对或相对地址插入一个外部资源(图像,声频,视频或浏览器支持的其他任何资源)

0.jpg

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:css定位z-index问题Artikel seterusnya:关于css选择器的那些事