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

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来看看效果。