如何通過css或css3在一個div標籤上做兩個邊框？

Question

我爲我的客戶開發一個html/css模板。這裏有一個post div，其中的類名是：single_post_box。 在這個div slyle就像波紋管：

single_post_box{ 
border: 1px solid #eaeaea; 
} 

現在我的客戶想要的，就會有兩個邊界。第一個邊框顏色將：#eaeaea &第二個邊框顏色將：#dddddd。 我該怎麼做。

Answer 1

你可以使用僞元素這樣做

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

你可以檢查這個答案CSS: Double border with different color

Answer 2

那麼你可以添加以下來獲得同樣的效果

div{ 
 

 
border :1px dashed red; 
 
outline : 3px dashed blue; 
 
}

<div> this is me </div>

Answer 3

只是添加到您的風格，我想你想用不同的顏色一個div

box-shadow: red 0px 0px 0px 2px, green 0px 0px 0px 4px;