在CSS中,img被用來定義圖片樣式。img標簽是HTML中的元素,但是CSS可以用來控制它的樣式,例如邊框,大小和位置。
img { border: 1px solid black; /* 設置邊框 */ width: 200px; /* 設置圖片寬度 */ height: 200px; /* 設置圖片高度 */ margin: 10px; /* 設置外邊距 */ padding: 10px; /* 設置內邊距 */ }
以上代碼將為img元素添加1px的黑色實線邊框,設置寬度和高度為200px,外邊距和內邊距均為10px。當然,也可以分別設置外邊距和內邊距,如下所示:
img { border: 1px solid black; /* 設置邊框 */ width: 200px; /* 設置圖片寬度 */ height: 200px; /* 設置圖片高度 */ margin-top: 10px; /* 設置上外邊距 */ margin-bottom: 10px; /* 設置下外邊距 */ margin-left: 20px; /* 設置左外邊距 */ margin-right: 20px; /* 設置右外邊距 */ padding-top: 5px; /* 設置上內邊距 */ padding-bottom: 5px; /* 設置下內邊距 */ padding-left: 10px; /* 設置左內邊距 */ padding-right: 10px; /* 設置右內邊距 */ }
這樣的設置可以更加精確地控制img元素的樣式。除了上述屬性之外,還可以使用其他CSS屬性來為img元素添加更多的樣式。