img標簽是在網(wǎng)頁中經常使用的標簽,用來在頁面中顯示圖片。除了img標簽,CSS中也有一些可用于控制圖片顯示的屬性和值。下面是一些常用的img相關的CSS樣式。
/* 控制圖片寬度和高度 */ img { width: 100px; height: 100px; } /* 在圖片周圍添加邊框 */ img { border: 1px solid black; } /* 控制圖片居中 */ img { display: block; margin: 0 auto; } /* 控制圖片的透明度 */ img { opacity: 0.5; /* 0-1之間的值,0為完全透明,1為完全不透明 */ } /* 控制圖片的形狀 */ img { border-radius: 50%; /* 50%表示為圓形 */ }
上述樣式可用于控制單個圖片,也可以用于控制所有的圖片。如果要只控制某個圖片,可以在該圖片的img標簽上添加樣式。
<img src="image.png" style="width: 200px; height: 200px;">
上述代碼中,將該圖片的寬度和高度設置為200px。
總之,使用CSS可以很方便地控制圖片的顯示效果,讓網(wǎng)頁更美觀。
上一篇css中img屬性
下一篇css中index屬性