设置<hr />标签以使用appx默认厚度显示插图(如果能够设置<div>的样式以获得可以的结果!)

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(不透明度)的白色/黑色来制作插入效果的错觉.