html5横线代码
在HTML5中，您可以使用<hr>元素来创建水平线。<hr>元素是一个空元素，它会在文档中创建一条水平线。
html<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Horizontal Line Example</title>
</head>
<body>
<h1>HTML Horizontal Line Example</h1>
<p>This is some text above the horizontal line.</p>
<hr> <!-- Horizontal line -->
<p>This is some text below the horizontal line.</p>
</body>
</html>
在这个示例中，<hr>元素被用来创建一条水平线，它将在页面中水平地分割文本。
color：指定水平线的颜色。size：指定水平线的高度或厚度。width：指定水平线的宽度。align：指定水平线的对齐方式。
html<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Custom Horizontal Line Example</title>
<style>
/* 自定义水平线样式 */
hr.custom {
color: blue; /* 颜色 */
size: 2px; /* 高度或厚度 */
width: 50%; /* 宽度 */
align: center; /* 对齐方式 */
}
</style>
</head>
<body>
<h1>Custom HTML Horizontal Line Example</h1>
<p>This is some text above the horizontal line.</p>
<hr class="custom"> <!-- Custom Horizontal line -->
<p>This is some text below the horizontal line.</p>
</body>
</html>
在这个示例中，我们使用了一个自定义的样式类.custom来定义水平线的外观。您可以根据需要调整这些样式属性来满足您的需求。
