如何使不同類型的邊框

Question

我想這種邊界上的DIV，有一種方法，使之？

我試圖把在一個div上的圖像的背景，而不是功能性的響應目的：

.center-social-networks { 
 
    background: url("http://cosmoscreativeagency.com/imagenes/linear_rectangle.png") no-repeat; 
 
    background-size: 300px auto; 
 
    width: 100%; 
 
    height: 200px; 
 
}

<div class="center-social-networks"></div>

Answer 1

我一直在尋找誰使我把我自己的邊框類型的屬性，我發現邊界圖像，用這種新的CSS3屬性我只是specy用於圖像的路徑，這個屬性讓我把我自己邊框類型。下面

例如：

.test { 
 
    width: 500px; 
 
    height: 100px; 
 
    border: 3px solid transparent; 
 
    border-image: url(http://cosmoscreativeagency.com/imagenes/square1.png) 5 space; 
 
}

<div class="test">text inside<div>

Answer 2

嘗試......通過設置背景大小至100％100％

.center-social-networks { 
 
    background: url("http://cosmoscreativeagency.com/imagenes/linear_rectangle.png") no-repeat; 
 
    background-size: 100% 100%; 
 
    width: 100%; 
 
    height: 200px; 
 
}

<div class="center-social-networks"></div>