找回密码
 新建账号

CSS content中插入特殊字符的方法

[复制链接]
php 发表于 2015/12/15 15:45 | 显示全部楼层 |阅读模式
CSS的content属性可以用于动态插入文字内容或者图像等,但是与HTML和JS不同,在CSS的content属性中,不能使用&#NUMBER;或者\uXXX的形式插入字或字符,在css content中输入&#NUMBER;或\uXXX,会原样输出。

在HTML中,&#NUMBER; 中的NUMBER是一组十进制整数,
在JS中\uXXXX(document.write('\uXXXX')),XXXX为一组十六进制整数,JS的escape()得到的是%uXXXX的结果。
css中直接用\XXXX的形式来表示unicode,XXXX为一组十六进制数

所以,要在CSS的content中插入特殊字符,只要使用\XXXX即可。

➦符号,CSS、HTML、JS的各种用法如下

content:"\27a6";
该符的HTML代码为:➦
JS: \u27a6 document.write('\u27a6');
JS unescape():%u27a6 unescape('%u27a6');

十进制和十六进制之间可以使用JS/PHP等语言互相转换,此处不赘述。

注:各特殊符号的unicode编码可以在网上搜索到。

手机版|轻松E站

GMT+8, 2024/12/4 01:35

快速回复 返回顶部 返回列表