CSS可以實現許多有趣的圖片展示效果,例如將圖片變為圓形、添加陰影或邊框、實現hover效果等等。
/* 圓形圖片展示 */ img { border-radius: 50%; } /* 圖片邊框與陰影 */ img { border: 1px solid #ddd; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } /* hover效果 */ img { transition: all 0.3s ease-in-out; } img:hover { transform: scale(1.1); }
除此之外,CSS也可以實現圖片的剪裁、旋轉、定位、遮罩等等效果,可以根據實際需求進行選擇。