CSS練習的一個重要方面就是如何美觀地展示圖片。通過CSS,我們可以為圖片創建陰影、邊框、旋轉和縮放等動態效果,從而增強圖片的表現力。
/*為圖片設置大小以及邊框*/ img { width: 250px; height: auto; border: 2px solid gray; } /*添加圖片陰影效果*/ img { box-shadow: 5px 5px 5px rgb(0, 0, 0, 0.5); } /*旋轉圖片*/ img { transform: rotate(10deg); } /*縮放圖片*/ img:hover { transform: scale(1.2); }
以上CSS代碼展示了如何為圖片添加邊框、陰影和動態效果。通過這些簡單的CSS技巧,我們可以極大地提高圖片的展示效果,從而幫助讀者更好地理解和欣賞文章中的圖片。
上一篇css練習理論題答案
下一篇css鼠標放上去文字變色