html - 样式以 appx 默认厚度显示的标签（如果能够设置样式达到没关系的结果！）

Question

我需要<hr />标签出现在我正在开发的网站的插图中，有什么想法可以实现吗？我在想一个 div 的样式并给它盒子阴影，不确定我是否偏离了轨道。

Answer 1

干得好，

JSFIDDLE

.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>

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