当前博客:04-html标记基本知识:水平线(一)

963 次浏览

135***722

增强知识,努力学习
和利快云一起学html标记基本知识:水平线(一)
在网页中常常看到一些水平线将段落与段落之间隔开,这些水平线可以通过插入图片实现,也可以更简单地通过标记来完成。
一、 插入水平线hr
hr标记代表水平分割模式,并会在浏览器中显示一条线。
语法:
hr
说明:在网页中输入一个<hr标记,就添加了一条默认样式的水平线。
举例:

在代码中加粗部分的标记为水平线标记,在浏览器中预览,可以看到插入的水平线效果。

二、 水平线宽度width
width用于改变水平线的宽度。
语法:
hrwidth="宽度"
说明:
在该语法中,水平线的宽度值可以是确定的像素值,也可以是窗口的百分比。
举例:


在代码中加粗部分的标记为设置水平线的宽度,在浏览器中预览,可以看到将宽度设置为500像素的效果。

三、 水平线高度size
size标记用于改变水平线的高度。
语法:
hrsize="高度”
说明:在该语法中,水平线的高度值只能是像素值。
举例:
在代码中加粗部分的标记为设置水平线的高度,在浏览器中预览,可以看到将高度设置为3像素的效果。

和利快云一起学html标记基本知识:水平线(一)
在网页中常常看到一些水平线将段落与段落之间隔开,这些水平线可以通过插入图片实现,也可以更简单地通过标记来完成。
一、 插入水平线hr
hr标记代表水平分割模式,并会在浏览器中显示一条线。
语法:
hr
说明:在网页中输入一个<hr标记,就添加了一条默认样式的水平线。
举例:

在代码中加粗部分的标记为水平线标记,在浏览器中预览,可以看到插入的水平线效果。

二、 水平线宽度width
width用于改变水平线的宽度。
语法:
hrwidth="宽度"
说明:
在该语法中,水平线的宽度值可以是确定的像素值,也可以是窗口的百分比。
举例:


在代码中加粗部分的标记为设置水平线的宽度,在浏览器中预览,可以看到将宽度设置为500像素的效果。

三、 水平线高度size
size标记用于改变水平线的高度。
语法:
hrsize="高度”
说明:在该语法中,水平线的高度值只能是像素值。
举例:
在代码中加粗部分的标记为设置水平线的高度,在浏览器中预览,可以看到将高度设置为3像素的效果。

博客推荐
阅览:263
用户:动感地带
用户上传   2020-10-17
阅览:221
用户:仰望星空
用户上传   2020-10-17
阅览:1017
用户:仰望星空
用户上传   2020-10-13
阅览:330
用户:仰望星空
用户上传   2020-10-13
阅览:344
用户:动感地带
用户上传   2020-10-11
阅览:310
用户:仰望星空
用户上传   2020-10-8
阅览:288
用户:仰望星空
用户上传   2020-10-7
阅览:293
用户:仰望星空
用户上传   2020-10-6