养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

html边框线怎么设置

时间:2024-10-19 11:36:17

html里面有很多钿泼兽匿标签,但不是每个标签都会自带边框线,这个时候我们就需要利用CSS,因为CSS是装饰HTML的语言,CSS提供了边框线的设置,而且设置的样式多种多样。

html边框线怎么设置

工具/原料

windows7

sublimetext3

chrome浏览器

方法/步骤

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

html边框线怎么设置

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

html边框线怎么设置

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

html边框线怎么设置

html边框线怎么设置

4、border:1pxsolidred;这是我们设置边框的常用格式。

html边框线怎么设置

html边框线怎么设置

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

html边框线怎么设置

html边框线怎么设置

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

html边框线怎么设置

html边框线怎么设置

© 一点知识