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

作者: 您好小耗子 | 来源:发表于2016-05-12 14:50 被阅读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;
}

相关文章

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

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

  • Android ProgressBar

    关于ProgressBar的颜色设置,基于不同的style,设置可以自定义样式及颜色等 例如: style ->W...

  • CSS核心属性2---列表相关

    关于列表的css声明 1、定义列表符号样式: list-style-type:disc(实心圆)/circle(空...

  • echarts china.js 自定义地图案例分享

    最近接到的一个地图自定义样式的开发需求,1,自定义地图色阶颜色和省边界样式2,自定义鼠标悬停高亮颜色3,地图模块显...

  • 自定义li前面的圆点颜色

    li前面的圆点默认只有黑色,如果自定义圆点颜色呢,首先使用list-style-type:none,去除圆点,然后...

  • 列表和表格

    1.列表的样式 在 中添加样式,整个列表样式改变。在 中只变一项。 list-style-type:dis...

  • 【Android】自定义View那点事(三)ColorFilte

    前言 前面学习Xfermode的使用,我们可以自定义各种不同样式的View,本节我们学习关于颜色处理相关的内容。现...

  • 总结2017.6.23

    关于Button 文字大小自适应 常用的宏 颜色的宏(随机色和自定义颜色) 关于cell和tableView

  • CSS其他属性

    一、列表属性 定义列表符号样式{list-style-type:disc|circle| square|none}...

  • Android Button 颜色

    1、修改按钮颜色与点击颜色 自定义style样式 在布局中引用样式 注:需android5.0及以上 2、按钮涟漪效果

网友评论

    本文标题:关于自定义list-style-type的样式和颜色

    本文链接:https://www.haomeiwen.com/subject/picprttx.html