CSS中的標(biāo)簽?zāi)軌蛟贖TML文件中添加圖片,而且它也有一些屬性可以調(diào)節(jié)圖片。下面是一些在CSS中用到的img屬性:
img { border: 5px solid red; /* 添加一個(gè)紅色邊框 */ border-radius: 50%; /* 將圖片變?yōu)閳A形 */ box-shadow: 2px 2px 7px #888888; /* 添加陰影 */ height: 100px; /* 圖片的高度 */ width: 100px; /* 圖片的寬度 */ margin: 10px; /* 圖片的外邊距 */ padding: 10px; /* 圖片的內(nèi)邊距 */ object-fit: cover; /* 根據(jù)高度和寬度自動(dòng)縮小圖片 */ }
CSS中的img標(biāo)簽還可以通過(guò)選擇器來(lái)修改單獨(dú)的標(biāo)簽。例如,如果您想修改一個(gè)id為“myImage”的標(biāo)簽,您可以像這樣進(jìn)行CSS設(shè)置:
#myImage { height: 200px; width: 200px; border: 10px solid blue; }
最后值得一提的是,您可以使用background-image屬性在CSS文件中添加背景圖片。它的用法與標(biāo)簽非常相似。例如:
div { background-image: url("example.jpg"); background-size: contain; background-repeat: no-repeat; }
上一篇CSS里radio的屬性
下一篇css里pt