CSS-列表属性篇

列表相关的属性,可以作用在 ul、ol、li 元素上

  • 属性名:list-style-type
  • 功能:设置列表符号
  • 常用值如下:
    1.none:不显示前面的标识(很常用!)
    2.square:实心方块
    3.disc:圆形
    4.decimal:数字
    5.lower-roman:小写罗马字
    6.upper-roman:大写罗马字
    7.lower-alpha:小写字母
    8.upper-alpha:大写字母

  • 属性名:list-style-position
  • 功能:设置列表符号的位置
    1.inside:在 li 的里面
    2.outside:在 li的外边

属性名:list-style-image

功能:自定义列表符号 url(图片地址)
list-style-image: url(./test.jpg);


属性名:list-style

功能:复合属性 没有数量、顺序的要求(可将以上几个属性都混写在里面

相关推荐
蓝瑟1 分钟前
前端测试不再难:Vite+React+Vitest单元测试完整手册
前端·react.js·单元测试
爱分享的鱼鱼4 分钟前
Vue中如何实现可切换显示/隐藏侧边栏的按钮
前端
Mike_jia6 分钟前
DBdoctor:数据库性能的“AI名医”,诊断效率提升10倍的终极利器
前端
怪可爱的地球人6 分钟前
向宇宙发送一枚小可爱
前端
数字元匠_山步11 分钟前
一篇笔记彻底搞懂 “脚手架” “框架” “构建工具” 的关系
前端
李剑一18 分钟前
前端实现时间轴组件拼接N多个不连续监控视频展示
前端·vue.js
岁月向前20 分钟前
iOS UI基础和内存管理相关
前端
Magicman26 分钟前
JS筑基(二)-关于this指向
前端
Asort26 分钟前
精通React JSX:高级开发者必备的语法规则与逻辑处理技巧
前端·javascript·react.js
Mintopia29 分钟前
想摸鱼背单词?我用 Cursor 一个小时开发了一个 Electron 应用
前端·javascript·cursor