Html 风格与风格<；hr/>；标签以appx默认厚度插入显示（如果能够设置<；div>；的样式以实现正常的结果！）

我需要将

标签显示在我正在工作的站点的插图中，有什么想法可以实现这一点吗？我在想一个div的样式，给它一个box shadow，不确定我是否偏离了轨道。

给你

.hr{
背景：rgba（0,0,0,0.6）；
高度：1px；
宽度：100%；
显示：块；
边框底部：1px实心rgba（255、255、255、0.6）；
}

通过使用RGBA（红色、绿色、蓝色、Alpha），您可以使用白色/黑色和Alpha（不透明度）来制作插入效果的错觉。

给您

.hr{
背景：rgba（0,0,0,0.6）；
高度：1px；
宽度：100%；
显示：块；
边框底部：1px实心rgba（255、255、255、0.6）；
}

---

通过使用RGBA（红色、绿色、蓝色、Alpha），您可以将白色/黑色与Alpha（不透明度）一起使用让人产生一种嵌入效果的错觉。

@Layne我想说这几乎是对那个问题的重复，但我的答案是更新、更灵活的版本，如果这很重要的话：p@Layne我想说这几乎是那个问题的翻版，但我的答案是更新更灵活的版本，如果这很重要的话：诚实，如果dexoplex确实只是在寻找一条水平规则，那么您的解决方案是正确的。如果他打算与人力资源部拆分固定布局，我建议使用可能的副本。我期待着他的回应，如果那是他真正想要的。我也很惊讶，它被接受或投票为复制品。因为它不一定是一个。是的，我也有点惊讶，因为它们确实相似，但根据他的需要可能不同。我还向该页面添加了我的答案，因为我的解决方案在多种颜色背景下提供了灵活性。如果他已经做出回应，而且他确实有能力让这件事不再重复，那将是非常有帮助的/老实说，如果dexoplex真的只是寻找一个水平规则，那么您的解决方案是正确的。如果他打算与人力资源部拆分固定布局，我建议使用可能的副本。我期待着他的回应，如果那是他真正想要的。我也很惊讶，它被接受或投票为复制品。因为它不一定是一个。是的，我也有点惊讶，因为它们确实相似，但根据他的需要可能不同。我还向该页面添加了我的答案，因为我的解决方案在多种颜色背景下提供了灵活性。如果他已经做出回应，而且他确实有能力让这件事不再重复，那将是非常有帮助的/

.hr {
  background: rgba(0, 0, 0, 0.6);
  height: 1px;
  width: 100%;
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

<span class="hr"></span>