Welcome, Old Sport!

css字符实体转换

by ilikecss ON 2014/11/05 4009

css字符实体转换网页中我们会用到一些文本或段落列表,一般我们可以使用li标签用于定义列表项目。li有默认的list-style样式,如今我们可以通过css的内容操作来个性化制定你需要的列表项目标记

css


.demo ul li:before {
	content: "\0024\0020";
}
.demo ul.type2 li:before {
	content: "\2663\0020";
}

以上样式会替换你默认的列表项目标记,在以上例子中所生成的标记代码是”\2663\0020″。“content”属性与:before及:after伪元素配合使用,来插入生成内容。

1. css字符转换生成在线地址: http://www.evotech.net/blog/2007/08/css-javascript-character-entities/
2. css content 操作浏览器支持表: http://caniuse.com/#feat=css-gencontent

字符转意生成在线工具

4条评论
  1. #1

    Yusky说道:

    大神啊。 好牛逼。。。

    博客地主已经修改鸟 :grin:

  2. #2

    HUPOHOST说道:

    mark~ 膜拜一下。。 :grin:




TOP