DW中如何给div添加边框?

作者:神奇的周 | 创建时间: 2023-05-10
“DW”是Adobe Dreamweaver的简称,是集网页制作和管理网站于一身的所见即所得网页代码编辑器。 那么初学者应该知道,如何对div标签添加边框呢?那么就要用到css样式了,以下为您解答!...
DW中如何给div添加边框?

操作方法

我们来创建一个div,首先打开DW,新建一个站点,点击工具栏中的【插入】。

然后在【布局对象】找到【Div标签】并点击。

新建一个类为“1”的div标签,然后点击新建CSS规则,设定长宽均为400。

div标签创建完成。

然后为了给它加方框,我们就要在右边css样式窗口中,找到类“1”的css,并单击右键,继续修改它的css样式。 在分类中找到【方框】,如下图所示。

风格选择【实线】,当然,还有许多样式选择,比如虚线、双实线等等。

然后修改实线的宽度和颜色。

最后效果如下。

当然,还可以取消【全部相同】选项,即对边框其中一个方向添加。比如,只添加上面和下面的边框,效果如下图所示。

温馨提示

该使用DW CS6版本。
如该对您有帮助的话,请点赞哦!
点击展开全文

更多推荐