你如何在一個元素周圍創建一個邊框？

Question

比方說，你有一個div包裝圖像。你會如何設計div的樣式，以便在圖像的所有四邊創建均勻寬度的邊框？

Answer 1

1. 如果div不必在那裏，你還不如干脆給img實際邊界，用它來完成。指定一個寬度值會在所有邊上創建一個等厚的邊框。

   img { 
       border: 3px solid blue; 
   } 
   

   jsFiddle preview

2. 否則，如果你需要使用一個div因爲無論出於何種原因邊框，使其成爲內聯塊，使img塊。然後或者給div填充或給出img頁邊距。

   div { 
       display: inline-block; 
       background-color: blue; 
       padding: 3px; 
   } 
   
   img { 
       display: block; 
   } 
   

   jsFiddle preview