DaDa Web

今天所要講解的是為圖片加上邊框，為圖片加上邊框，可能大家會想說用Photoshop去製作，但如果是這樣就會很麻煩，因為每一張都要加上邊框，但是如果使用CSS的語法那就變得簡單不過的事嚕～

原本的	加上邊框

語法：

img { border: 1px solid #999; }

說明：

設定<img>標籤的四個邊框為1px，實線，顏色是灰色

這樣就完成了，是不是很簡單呀！可是有人一定又會問到，框線好像似乎貼著圖片，可以有點距離嗎？當然可以，通常我們在處理圖片時都會留一點空間，但如果你是用數位相機拍出來的，圖片邊邊沒距離，那該如何呢？看看下面的範例你就可以知道嚕～

語法：

img { border: 1px solid #999; padding: 10px; }

原本的	加上邊框

說明：

設定padding語法，padding是指圖片與邊框的距離