CSS中的列表样式

1.默认样式

ul,ol 元素的margin-top,margin-bottom均为16px(1em) , padding-left为40px(2.5em)

li 元素没有设置默认的空⽩

(⾏间距) dl 元素的margin-top,margin-bottom均为16px(1em),但是没有内边距 dd 元素的margin-left为40px(2.5em) p 元素的margin-top,margin-bottom为16px(1em)

2.list-style-type

设置列表项标志类型 就是前面的是用罗马还是方块来标识

3.list-style-position

设置列表项标志出现的位置

取值:outside 列表项标志出现在主块框的外部

inside 列表项标志出现在主块框的内部

4.list-style-image

自定义设置列表项标志

取值:url:指定图标的位置

5.list-style

列表样式的速记写法

取值:

相关推荐
触底反弹7 小时前
一文搞懂 Tailwind CSS 弹性布局:从原理到实战
前端·css·html
小白巨白11 小时前
玫瑰花园管理系统:AI识病+3D可视化,一套面向中小型玫瑰种植园的数字化管理工具
css·人工智能·计算机视觉·html5
alexander0681 天前
CSS 类选择器组合
前端·css
HexCIer2 天前
面向未来的原子化 CSS:UnoCSS 核心架构分析与 Tailwind CSS 现状
前端·css·vite
用户059540174462 天前
把大模型记忆回归测试从手工检查换成 Playwright+VCR,误判率从 40% 降到 0
前端·css
breeze jiang2 天前
从零搭建浏览器端 AI 原型:React、WebGPU 与 Tailwind CSS 的一次实践
css·人工智能·react.js
不好听6132 天前
Tailwind CSS 原子化 CSS 完全入门:为什么现代前端开发都在用?
前端·css
奇牙coding3 天前
gpt-5.6-sol 接入指南:reasoning_effort 参数配置、推理链验证与常见报错排查
前端·css·gpt·ai
lastknight4 天前
CSS @layer
前端·css
用户059540174464 天前
用 Pytest 接管大模型记忆存储测试,状态一致性问题减少 90%
前端·css