如何用CSS修改圖片
CSS是一種強(qiáng)大的樣式表語言,可以用來修改網(wǎng)頁上的各種元素,包括圖片,下面是一些使用CSS修改圖片的方法:
1、改變圖片大小:使用CSS的width
和height
屬性可以改變圖片的大小,將圖片的寬度和高度都設(shè)置為200像素:
img { width: 200px; height: 200px; }
2、改變圖片形狀:CSS的border-radius
屬性可以將圖片的角落變?yōu)閳A形:
img { border-radius: 50%; }
3、添加圖片邊框:使用CSS的border
屬性可以為圖片添加邊框,添加一條寬度為2像素、顏色為黑色的邊框:
img { border: 2px solid black; }
4、改變圖片位置:CSS的position
屬性可以改變圖片的位置,將圖片固定在屏幕的右下角:
img { position: fixed; right: 0; bottom: 0; }
5、添加圖片陰影:使用CSS的box-shadow
屬性可以為圖片添加陰影,添加一條模糊的黑色陰影:
img { box-shadow: 10px 10px 5px black; }
是一些常用的CSS技巧,可以幫助你更好地控制圖片在網(wǎng)頁上的顯示效果,還有很多其他的CSS屬性可以用來修改圖片,具體可以根據(jù)你的需求來選擇。