DIV+CSS虚线边框简单教程

 时间:2026-02-14 04:55:36

1、在桌面上新建一个txt文档,将其名称改成“border.html”的html文档。

DIV+CSS虚线边框简单教程

2、打开代码编辑器,将刚刚新建的html文件拖入编辑器内。

DIV+CSS虚线边框简单教程

3、打开html文件后,我们需要填写html5标准话代码,html5标准代码如下图所示,并把网页的标题也修改下。

DIV+CSS虚线边框简单教程

4、新建一个div标签,将div长度设置成300像素,高度设置成100像素。用“border: 1px dashed red;”为div设置宽度为1像素,虚线,红色的边框。代码效果如下图所示。

DIV+CSS虚线边框简单教程

5、将html文件保存,然后用浏览器打开它,四边虚线边框效果如下图所示。

DIV+CSS虚线边框简单教程

6、除了以上为四边都设置虚线边框外,我们还可以单独为某一条边框设置虚线,代码说明如下图所示。

DIV+CSS虚线边框简单教程

DIV+CSS虚线边框简单教程

  • 用Dreamweaver CC制作特殊文字样式
  • dreamweaver中框架集可以在网页中自由调整宽高
  • FontAwesome图标怎么下载安装
  • Dreamweaver CS3隐藏和显示布局标签
  • Dreamweaver中如何设置图像属性
  • 热门搜索
    达尔文进化岛攻略 单向好友怎么看 母乳期减肥 公司经营范围怎么写 淘宝店名怎么改 房地产销售怎么样 u盾丢了怎么办 辐射1攻略 怎么设置网络打印机 广汽本田怎么样