Dreamweaver——css规则之方框与边框.doc

Dreamweaver——css规则之方框与边框
一、边框设置
1.边框设置。点击打开css规则定义对话框，选择左侧的边框，打开边框属性设置。

2.选择样式，style就是边框的样式，这里面有很多种，就是边框的线条样式，有点线、虚线、实线、双重线等等，可以各种都尝试一下。
dotted——点线
dashed——虚线
solid——实线
double——双实线
groove——沟槽状
ridge——背脊(隆起)状
inset——内嵌
outset——外凸

2.设置粗细，width就是设置边框线条的粗细，有自带的样式，也可以直接输入数值，color就是边框的颜色，可以根据需要设置。

注意：边框只有样式不设置为none，且粗细大于0时才有效果，否则无边框
二、设置方框
1.设置方框。点击打开css规则定义对话框，选择左侧的方框，打开方框属性设置。

2.设置方框的大小。方框可以直接设置方框的大小，直接输入宽和高，选择单位。

3.设置填充。填充是指方框的边框离里面内容的距离。可以全部一样，也可以分别设置。这里可以设置为5px来看看效果。

4.设置边距，边距就是方框与其上下左右的内容之间的距离，可以全部一样，也可以分开放置，设置20px来看看效果。