將筆觸效果添加到DIV邊框

我需要使用自定義邊框創建HTML div。根據什麼設計師告訴我，邊框有3px的外將筆觸效果添加到DIV邊框

半徑和8像素的行程，顏色f7f7f7和位置我至今是：

div#content { 
    padding     : 10px 20px; 
    border-style    : solid; 
    border-width    : 8px; 
    border-color    : #F7F7F7; 
    -webkit-border-radius  : 3px; 
    -moz-border-radius   : 3px; 
    border-radius    : 3px; 

}

我真的不知道是什麼筆畫效果是和如何用CSS做到這一點。

來源

2013-07-03 Jaime Rivera

描邊基本上是指輪廓或邊框 - 這是它的專業名稱。你的代碼看起來很好。它不工作？

它適用於jsFiddle。它會創建一個厚厚的淺灰色邊框，並帶有一些圓角。

也，你可以使用速記：border: 8px solid #f7f7f7;

來源

2013-07-03 16:10:11

好的，感謝您的答案，在這個時候我還沒有設計呢。但我不確定什麼是中風效應。我用我的代碼很好，然後 –

-2

你所尋找的是邊框：虛線; 如果設計師說中風，他們可能意味着破滅。我已經更新Yotam的小提琴

border-style : dashed;

jsfiddle

來源

2013-07-03 16:31:15

在任何設計程序中爲框/對象添加筆觸只會創建一個實心邊框。恕我直言，Yotam有它的權利。 – CodeMoose

我明白了「撫摸」所概述，像通常所說的文字效果。我會去，因爲輪廓不友善與半徑：

div { 
    border:solid; /* no info for size nor color yet */ 
    box-shadow: 0 0 0 8px #f7f7f7; 
    border-radius:3px; /* prefix not needed anymore */ 
}

來源

2013-07-03 17:35:07

將筆觸效果添加到DIV邊框

回答

相關問題