养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

DW中如何给div添加边框

时间:2024-10-04 07:32:05

“DW”是AdobeDr娣定撰钠eamweaver的简称,是集网页制作和管理网站于一身的所见即所得网页代码编辑器。擒歙常泺那么初学者应该知道,如何对div标签添加边框呢?那么就要用到css样式了,以下经验为您解答!

工具/原料

电脑

AdobeDreamweaver软件

方法/步骤

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

DW中如何给div添加边框

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

DW中如何给div添加边框

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

DW中如何给div添加边框

DW中如何给div添加边框

4、div标签创建完成。

DW中如何给div添加边框

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

DW中如何给div添加边框

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

DW中如何给div添加边框

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

DW中如何给div添加边框

8、最后效果如下。

DW中如何给div添加边框

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

DW中如何给div添加边框

© 一点知识