<分区>
<分区>
我正在为我的客户开发一个 html/css 模板。这里有一个 post div,它的类名是:single_post_box。 在这个 div 上,slyle 如下所示:
single_post_box{
border: 1px solid #eaeaea;
}
现在我的客户想要,会有两个边框。第一个边框颜色为:#eaeaea,第二个边框颜色为:#dddddd。 我该怎么做。
最佳答案
你可以使用伪元素来做到这一点
.double {
background-color: #ccc;
border: 4px solid #fff;
padding: 20px;
width: 200px;
height: 300px;
position: relative;
}
.double:before {
background: none;
border: 4px solid #666;
content: "";
display: block;
position: absolute;
top: 4px;
left: 4px;
right: 4px;
bottom: 4px;
}
关于html - 如何通过 css 或 css3 在一个 div 标签上做两个边框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26815138/