DIV+CSS虚线边框简单教程

 时间:2024-10-13 04:00:12

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中如何设置图像属性
  • 热门搜索
    ds6怎么样 新鞋子磨脚后跟怎么办 榴莲不能和什么一起吃 仓鼠怎么养视频 车贴怎么去掉 王老五的情欲生活 如何更改ip地址 5月是什么星座 m是什么意思 qq被举报怎么解除