2010-07-19 60 views
0

是否可以在通過CSS鏈接的圖像周圍有邊框,以便當我將鼠標懸停在圖像上時圖像周圍會出現邊框?我想每個圖像都是5px厚的邊框,這是一個鏈接,但我不能很快完成它:(任何幫助將不勝感激鏈接Img邊框

回答

4

如果你不想讓內容跳來跳去,你想騰出空間邊界的圖像時,不徘徊:

a img { padding: 5px; } 

然後與邊境更換填充:

a:hover img { padding: 0; border: 5px solid red; } 
+0

或者使用'outline'而不是'border'來佔用空間。 – Joey 2010-07-19 23:15:18

+0

真棒,只是正確的組合才能使它工作TY !!!!!!!!!! – HollerTrain 2010-07-19 23:16:56

0

您還可以使用透明邊框,然後設置顏色:a img { border: 5px solid transparent; }和:a:hover img { border: 5px solid red; }