在CSS中,設置圖片顯示的padding是常見的技巧之一,它可以為圖片周圍添加額外的空間。
img { padding: 10px; }
上述代碼將為所有的圖像添加10像素的padding。如果您想為某個特定的圖像添加不同的padding,您可以選擇使用類名或id名。
.img1 { padding: 20px; } #img2 { padding: 30px; }
這將分別為類為“img1”和id為“img2”的圖像添加20和30像素的padding。
此技巧可以幫助您將圖像與其他元素分離,使其更加顯眼。另外,您還可以使用不同顏色的padding來為圖像添加一個漂亮的邊框。
img { padding: 10px; border: 2px solid #dbdbdb; }
上面的代碼將為圖像添加白色的2像素實線邊框,使其更加突出。
總之,添加圖片的padding使得頁面設計更加靈活和精細。
下一篇if()php