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

1785 次浏览

博客作者:【≈海浪≈】

个性签名:增强知识,努力学习

和利快云一起学html标记基本知识:水平线(一)

 
在网页中常常看到一些水平线将段落与段落之间隔开,这些水平线可以通过插入图片实现,也可以更简单地通过标记来完成。
一、 插入水平线hr
hr标记代表水平分割模式,并会在浏览器中显示一条线。
语法:
hr
说明:在网页中输入一个<hr标记,就添加了一条默认样式的水平线。
举例:
 
 
在代码中加粗部分的标记为水平线标记,在浏览器中预览,可以看到插入的水平线效果。
 
 
二、 水平线宽度width
width用于改变水平线的宽度。
语法:
hrwidth="宽度"
说明:
在该语法中,水平线的宽度值可以是确定的像素值,也可以是窗口的百分比。
举例:
 
 
在代码中加粗部分的标记为设置水平线的宽度,在浏览器中预览,可以看到将宽度设置为500像素的效果。
 
 
 
三、 水平线高度size
size标记用于改变水平线的高度。
语法:
hrsize="高度”
说明:在该语法中,水平线的高度值只能是像素值。
举例:
 
 
在代码中加粗部分的标记为设置水平线的高度,在浏览器中预览,可以看到将高度设置为3像素的效果。
 
 
Generic placeholder image
我就是你们的小哥哥哦! Time: 2021-07-04 21:43:14

来吧继续开始来吧继续开始


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