首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在两个兄弟<p>标签下放置水平线

在两个兄弟<p>标签下放置水平线,可以使用CSS样式来实现。以下是一个示例代码:

HTML代码:

代码语言:txt
复制
<p>第一个兄弟标签</p>
<hr>
<p>第二个兄弟标签</p>

CSS样式:

代码语言:txt
复制
hr {
  border: none;
  border-top: 1px solid black;
  margin: 10px 0;
}

解释:

  1. 在HTML中,首先插入第一个兄弟<p>标签,然后插入一个<hr>标签,再插入第二个兄弟<p>标签。
  2. 在CSS中,对<hr>标签应用样式,设置边框为无,顶部边框为1像素的实线,上下外边距为10像素。

这样,就能在两个兄弟<p>标签之间插入水平线了。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券