CSS是一種定義網頁樣式的語言,我們可以用它來設置圖片的樣式,下面我們來看一下如何使用CSS設置圖片。
img {
width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
上面這段代碼就是設置圖片的樣式,讓我們一行一行解釋它:
- width屬性:設置圖片寬度為100%。
- height屬性:設置圖片高度自適應,不會出現變形。
- display屬性:設置圖片為塊級元素,讓它與其他元素獨占一行。
- margin屬性:讓圖片水平居中,上下邊距為0。
使用CSS設置圖片樣式,使得圖片在網頁中的顯示更加美觀和統一,同時也能提供更好的用戶體驗。