CSS：列表属性 & 边框属性

1 列表属性

CSS列表属性作用如下：

　　设置不同的列表项标记为有序列表

　　设置不同的列表项标记为无序列表

　　设置列表项标记为图像

 

有两种类型的列表：

　　无序列表 - 列表项标记用特殊图形（如小黑点、小方框等）

　　有序列表 - 列表项的标记有数字或字母

 

使用CSS，可以列出进一步的样式，并可用图像作列表项标记。

　　none：无标记。（去除标记）

　　disc：默认。标记是实心圆。

　　circle：标记是空心圆。

　　square：标记是实心方块。

　　decimal：标记是数字。

　　decimal-leading-zero：0开头的数字标记。(01, 02, 03, 等。)

　　lower-roman：小写罗马数字(i, ii, iii, iv, v, 等。)

　　upper-roman：大写罗马数字(I, II, III, IV, V, 等。)

　　lower-alpha：小写英文字母The marker is lower-alpha (a, b, c, d, e,等。)

　　upper-alpha：大写英文字母The marker is upper-alpha (A, B, C, D, E,等。)

　　

 

 

 

 

 

2 边框属性

CSS边框属性允许你指定一个元素边框的样式和颜色。

 

 

<style>
    div{
        border-width: 20px;
        border-color: green;
        border-style: outset;
    }    
</style>
<body>
    <div>hello</div>
</body>

border-style取值：

 

posted @ 2021-08-09 21:13  Jasper2003  阅读(170)  评论(0)  编辑  收藏  举报