在CSS中,我們可以為圖片添加各種樣式。無論是背景圖片還是行內圖片,我們都可以通過CSS來改變它們的樣式。下面是一些基本的圖片樣式代碼:
/* 添加圖片邊框 */ img { border: 1px solid black; } /* 讓圖片實現圓角效果 */ img { border-radius: 50%; } /* 讓圖片垂直居中與水平居中 */ img { display: block; margin: 0 auto; } /* 添加圖片背景色 */ img { background-color: grey; } /* 修改圖片大小 */ img { width: 100px; height: 100px; } /* 讓圖片透明 */ img { opacity: 0.5; }
除了這些基本的圖片樣式外,還有很多其他的樣式可以添加。比如,我們可以通過CSS將兩張圖片疊加在一起,或者讓圖片在鼠標懸浮時產生一些變化效果,等等。
最后,需要注意的是,在寫圖片樣式時,我們需要特別注意圖片的大小和比例。如果我們在樣式中強制改變了圖片的大小,或者將兩張不同大小的圖片疊加在一起,就可能會導致圖片變形或失真,影響美感。
上一篇html中如何運行php
下一篇html中嵌入php視頻