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

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

相关推荐
Listen·Rain38 分钟前
Vue3:setup详解
前端·javascript·vue.js
Patrick_Wilson1 小时前
修好 bug 只是开始:一次由监控需求反向重构日志结构的复盘
前端·监控·数据可视化
kyriewen2 小时前
面试官让我优化一个卡死的表格,我打开 Claude 五秒重写,他放下咖啡问我要不要来当组长
前端·javascript·面试
‘’林花谢了春红‘’2 小时前
小玩意 生日快乐
css·html·css3
小粉粉hhh2 小时前
React(二)——dom、组件间通信、useEffect
前端·javascript·react.js
Csvn3 小时前
🤖 AI 生成前端代码的 5 个典型翻车现场及修复指南
前端
IT_陈寒4 小时前
SpringBoot自动装配坑了我一天,原来问题出在这
前端·人工智能·后端
索西引擎4 小时前
【React】key 属性:协调算法中的元素标识机制与最佳实践
前端·javascript·react.js
只会cv的前端攻城狮5 小时前
动态组件架构设计:从配置到事件驱动全链路解析
前端·vue.js
飞天狗5 小时前
Next.js 16 App Router 实战:服务端组件与流式渲染
前端·next.js