2.3 边框与列表

边框border

宽 border-width

外观 border-style

属性值	说明
none	无样式
dashed	虚线
sollid	实线（默认）

颜色 border-color

简写形式

border:1px solid red;
等于
border-width: 1px;
border-style: solid;
border-color: red;

局部样式

上 border-top

下 border-bottom

左 border-left

右 border-right

使用方法：

border-top-width:1px;
border-top-style:solid;
border-top-color:red;

简写形式：

border-top:1px solid red;

---

列表样式

有序列表list-style-type

属性值	列表符号
decimal	1、2、3……（默认值）
lower-roman	i、ii、iii……
upper-roman	I、II、III……
lower-alpha	a、b、c……
upper-alpha	A、B、C……

无序列表list-style-type

disc	实心圆（默认值）
circle	空心圆
square	方块

使用方法：

<style type="text/css">
    ol{
        list-style-type:upper-roman;
    }
</style>

去除列表项符号

<style type="text/css">  
    ol,ul{     
        list-style-type:none; 
    }
</style>

将列表符号改为图片

<style type="text/css">  
    ol,ul{     
        list-style-image:url（图片路径）; 
    }
</style>