CSS中的ul与li样式详解.docx
27 浏览量
2022-10-23
12:38:03
上传
评论
收藏 500KB DOCX 举报
CSS 中的 ul 与 li 样式详解
科讯网信息中心 小奇 编辑
2007 年 12 月 19 日
ul 和 li 列表是使用 CSS 布局页面时常用的元素。在 CSS 中，有专门控制列表表现的属性，常用
的有 list-style-type 属性、 list-style-image 属性、 list-style-position 属性和 list-style 属
性。
一、 list-style-type 属性
list-style-type 属性是用来定义 li 列表的项目符号的，即列表前面的修饰。 list-style-type
属性是一个可继承的属性。其语法结构如下：(列举一些常用的属性值)
list-style-type:none/disc/circle/square/demical/lower-alpha/upper-alpha/lower-roman/upp
er-roman
list-style-type 属性的属性值有很多，在这里我们只是列举了比较常用的几个。
none：不使用项目符号。
disc：实心圆。
circle：空心圆。
square：实心方块。
demical：阿拉伯数字。
lower-alpha：小写英文字母。
upper-alpha：大写英文字母。
lower-roman：小写罗马数字。
upper-roman：大写罗马数字。
使用 list-style-type 属性的示例代码如下：
li{
list-style-type:square;}
<ul>
<li>这里是列表内容</li>
<li>这里是列表内容</li>
<li>这里是列表内容</li>
</ul>
该样式应用到页面的效果如下图所示。
资源评论
