百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>CSS教程> 如何使用list-style项目符号?
分享文章到:

如何使用list-style项目符号?

发布时间:01/15 来源: 浏览: 关键词:
  
  项目符号有多种,罗列如下:
  disc(实心圆点)、
  circle(空心圆圈)、
  square(实心方块)、
  decimal(阿拉伯数字)、
  lower-roman(小写罗马数字)、
  upper-roman(大写罗马数字)、
  lower-alpha(小写英文字母)、
  upper-alpha(大写英文字母)、
  none(无)。
  比如设定一个列表(ul或ol)的项目符号为方块,如:
li{
list-style: square;

  此外list-style还有一些值,比如可以采用一些小图片作为项目符号,在list-style下直接写url(“图片地址”)。注意如果一个项目列表的左外补丁(margin-left)为零,list-style-position: outside(默认是outside)的项目符号不会显示。
  

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有6人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板