当前位置:文档之家› Dreamweaver——css规则之方框与边框

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

相关主题