<分区>
关闭 7 年前。
- 编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem .这将有助于其他人回答问题。
- 这个问题是由于打字错误或无法再重现的问题引起的。虽然类似的问题可能是on-topic在这里,这个问题的解决方式不太可能帮助 future 的读者。
<分区>
关闭 7 年前。
分隔符的CSS代码是这样的:
hr.separator {
border: 0;height: 2px;background: #000;
background-image: -webkit-linear-gradient(left, #AA0000, #000, #AA0000);
background-image: -moz-linear-gradient(left, #AA0000, #000, #AA0000);
background-image: -ms-linear-gradient(left, #AA0000, #000, #AA0000);
background-image: -o-lineargradient(left, #AA0000, #000, #AA0000);
width: 45%;
}
标记在哪里:
<hr class="separator" />
我想添加另一个不同颜色的“hr”。 (左,#fff,#000,#fff)。
最佳答案
你可以这样做:
hr.separator {
border: 0;height: 2px;background: #000;
width: 45%;
}
hr.separator.red{
background-image: -webkit-linear-gradient(left, #AA0000, #000, #AA0000);
background-image: -moz-linear-gradient(left, #AA0000, #000, #AA0000);
background-image: -ms-linear-gradient(left, #AA0000, #000, #AA0000);
background-image: -o-lineargradient(left, #AA0000, #000, #AA0000);
}
hr.separator.blue{
background-image: -webkit-linear-gradient(left, #0000AA, #000, #0000AA);
background-image: -moz-linear-gradient(left, #0000AA, #000, #0000AA);
background-image: -ms-linear-gradient(left, #0000AA, #000, #0000AA);
background-image: -o-lineargradient(left, #0000AA, #000, #0000AA);
}
<hr class="separator red" />
<hr class="separator blue" />
关于css - CSS中两个不同的水平小时/分隔符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31393495/