欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

Dreamweaver添加边框的方法

程序员文章站 2022-04-26 09:00:38
...
Dreamweaver怎么添加边框?Dreamweaver想要制作一个红色边框,该怎么制作呢?下面我们就来看看Dreamweaver边框的制作方法,需要的朋友可以参考下,希望能帮助到大家。

Dreamweaver简设计网页的时候,想要添加边框,该怎么添加呢?下面我们就来看看详细的教程。


  • 软件名称:

  • Adobe Dreamweaver CC 2017 v17.0 中文破解版(附破解补丁+安装教程) 64位

  • 软件大小:

  • 758MB

  • 更新时间:

  • 2016-11-05

Dreamweaver添加边框的方法

1、首先我们要打开DW编辑工具

Dreamweaver添加边框的方法

2、进入之后新建一个文件。

Dreamweaver添加边框的方法

3、在从中选择HTML文件,点击创建。

Dreamweaver添加边框的方法

4、这样我们就进入编辑界面了。

Dreamweaver添加边框的方法

5、接下来我们编辑上一个“p”标签,命名为box。

Dreamweaver添加边框的方法

6、在创建一个样式,写上.box{ }。

Dreamweaver添加边框的方法

7、在css样式.box{ }里加上这个代码“border:solid 1px #333333;”。

Dreamweaver添加边框的方法

8、这样在浏览器上就可以显示边框啦。

Dreamweaver添加边框的方法

大家学会了吗?赶紧动手尝试一下吧。

相关推荐:

CSS3实现逐渐发光的方格边框实例

html 边框虚线的实现步骤

css的网页边框代码

以上就是Dreamweaver添加边框的方法的详细内容,更多请关注其它相关文章!