DW中如何给div添加边框

 时间:2024-10-04 09:24:35

“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添加边框

DW如何让div标签内文本水平居中? DW设置背景图片的操作方法 Dreamweaver文档中如何插入Div标签? Dreamweaver如何添加网页超链接 DW如何把文字居中
热门搜索
迪迦奥特曼图片 秦霄贤图片 祈祷图片 新生儿湿疹图片 无翼鸟少女漫画全集