Web前端之路首页投稿(暂停使用,暂停投稿)前端开发

关于自定义list-style-type的样式和颜色

2016-05-12  本文已影响10213人  您好小耗子

css提供了列表标签li,通过list-style-type属性可以设置列表项标记的类型。例如:disc、circle、square、decimal等。

那如何自定义标记的类型呢?

li::before{
  content:"★";
  color:blue;
  font-size:30px;
}
通过如上代码可以显示
这样只需要通过改变content内容即可替换其他各种标记形状了,color可以控制标记的颜色,font-size可以控制标记的大小。
当然也可以通过添加图片来增加更复杂的标记的形状:
li::before{
  content:url(edit.png);
  font-size:30px;
}
上一篇 下一篇

猜你喜欢

热点阅读