This tab can display a horizontal line on the screen to split different parts of the page.
<hr> has three properties:
size The width of the horizontal line
width The length of the horizontal line is expressed as a percentage of the screen width or pixel value
Align horizontal lines are aligned, there are three types: left right center
noshade segment has no shadow attribute, it is a solid segment
We can use a few examples to illustrate the usage of this line segment:
Setting of line segment thickness
<html>
<head>
<title>Segment of line thickness</title>
</head>
<body>
<p>This is the first line segment, without size setting, take the internal fixed value size=1 to display<br>
<hr />
<p>This is the second line segment, size=5<br>
<hr size=5>
<p>This is the third line segment, size=10<br>
<hr size=10>
</body>
</html>
Setting of line segment length
<html>
<head>
<title>Segment of segment length</title>
</head>
<body>
<p>This is the first line segment, without width setting, take the fixed value within width 100% to display<br>
<hr size=3>
<p>This is the second line segment, width=50 (point number method)<br>
<hr width=50 size=5>
<p>This is the third line segment, width=50% (percentage method)<br>
<hr width=50% size=7>
</body>
</html>
Setting of line segment arrangement
<html>
<head>
<title>Segment settings for segment arrangement</title>
</head>
<body>
<p>This is the first line segment, no align setting, (take the internal fixed value center to display)<br>
<hr width=50% size=5>
<p>This is the second line segment, aligned to the left br>
<hr width=60% size=7 align=left>
<p>This is the third line segment, aligned to the right<br>
<hr width=70% size=2 align=right>
</body>
</html>
Shadowless setting
<html>
<head>
<title>Setting without shadows</title>
</head>
<body>
<p>This is the first line segment, without noshade settings, use the internal fixed value shadow effect to display<br>
<hr width=80% size=5>
<p>This is the second line segment, with noshade settings<br>
<hr width=80% size=7 align=left noshade>
</body>
</html>
The last horizontal line: