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

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

相关推荐
用户5270964874490几秒前
🎨 Stylelint:让你的 CSS 代码优雅如诗
前端
日升几秒前
AI 组件库-MateChat 组件大全与主题定制
前端·ai编程·trae
龚思凯3 分钟前
TypeScript 中 typeof 的全面解析:从基础用法到高级技巧
前端·typescript
子言sugar4 分钟前
CSS高效开发必备小技巧集锦
css
itslife5 分钟前
实现 render 函数 - 初始化更新队列
前端·react.js·前端框架
baozj6 分钟前
一次表单数据复用引发的 Bug:理解 Vue 中的 data 为何是函数
前端·javascript·vue.js
LRH8 分钟前
JS基础 - instanceof 理解及手写
前端·javascript
leefirm8 分钟前
node 切换版本,每次打开都是切换前的版本怎么办?Node.js 版本管理神器 NVM 完全使用指南
前端
kangyouwei10 分钟前
鸿蒙开发:18-hilogtool命令的使用
前端·harmonyos
小小神仙10 分钟前
JSCommon系列 - 为什么前端没有 Apache Commons?
前端·javascript·设计模式