当前位置 : 主页 > 网络编程 > 正则表达式 >

html边框线怎么设置

来源:互联网 收集:自由互联 发布时间:2021-09-06
html设置边框线的方法:首先新建一个HTML文档,并且编写基本框架;然后新建一个div标签;最后通过“border:1px solid red;”属性设置边框线样式即可。 本文操作环境:windows7系统、HTML5CS

html设置边框线的方法:首先新建一个HTML文档,并且编写基本框架;然后新建一个div标签;最后通过“border:1px solid red;”属性设置边框线样式即可。

本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。

打开编辑器,新建一个HTML文档,并且编写基本框架。

c3bccc14b058a82c757921064bdadfd.png

新建一个CSS文档,并且关联刚刚创建的HTML文档。

e4eeb16bcdd574f0bdff0a4f870ebe1.png

新建一个div标签,可以看到这个div默认是没有边框的。

a875377f234afd63a7a0d97e86821f3.png

border: 1px solid red;

这是我们设置边框的常用格式。

0b57d50ecf4ea09f7bf29e271651211.png

我们可以把边框改为点状式的。

abb2696402c90c6459d398691ccbef7.png

也可以修改为虚线形状的。

3820f7ba54b87a301efc1751ff4df90.png

更多详细的HTML/CSS知识,请访问CSS视频教程栏目!

以上就是html边框线怎么设置的详细内容,更多请关注自由互联其它相关文章!

网友评论