小程序中,圖片的樣式可以通過CSS來控制,主要是通過background-image和background-size這兩個屬性來實現。
首先,background-image用于設置背景圖片的URL地址。
background-image: url('image.jpg');
其次,可以使用background-size控制背景圖片的大小。如果要讓圖片完全填滿父容器,可以使用cover屬性。
background-size: cover;
還可以使用background-position來控制圖片在背景中的位置。
background-position: center center;
如果要設置圖片的透明度,可以使用opacity屬性,取值范圍為0到1。
opacity: 0.5;
可以通過border-radius實現圖片圓角化。
border-radius: 50%;
最后,可以用box-shadow來為圖片添加陰影效果。
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
下一篇css邊框填充20px