在CSS中,是一个非常有用的标记,它表示一个水平线。该标记通常用于分割不同内容区块,使页面内容更加清晰易读。下面是一个简单的例子: 这是一个段落。 这是另一个段落。 在上面的代码中,标记分割了两个段...
在CSS中,<hr>
是一个非常有用的标记,它表示一个水平线。
该标记通常用于分割不同内容区块,使页面内容更加清晰易读。下面是一个简单的例子:
<p>这是一个段落。</p>
<hr>
<p>这是另一个段落。</p>
在上面的代码中,<hr>
标记分割了两个段落。页面将显示一个水平线,分割两段文本,使其更加易于阅读。
当然,你可以通过CSS样式对<hr>
标记进行自定义。例如,你可以更改水平线的宽度、颜色、样式等属性,使其与你的页面主题更加配合。
<style>
hr {
border:none;
height:1px;
background-color:#666;
margin: 20px 0;
}
</style>
在上面的代码中,我们使用CSS将<hr>
标记样式更改为没有边框,高度为1像素,背景颜色为#666,以及上下外边距为20像素。
总的来说,<hr>
是CSS中非常实用的标记,可以帮助你更好的组织和呈现页面内容。