在CSS中,我們可以給圖片添加很多特效,如陰影、邊框、圓角等。下面我們就一一地介紹一下。
/* 陰影效果 */ img{ box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); } /* 邊框效果 */ img{ border: 2px solid #ccc; } /* 圓角效果 */ img{ border-radius: 50%; }
以上代碼分別實現了陰影、邊框和圓角效果。當然,這些效果也可以同時使用。
/* 陰影和圓角效果 */ img{ box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); border-radius: 50%; } /* 邊框和圓角效果 */ img{ border: 2px solid #ccc; border-radius: 10px; } /* 陰影、邊框和圓角效果 */ img{ box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); border: 2px solid #ccc; border-radius: 10px; }
以上的代碼可以給你更多的選擇,根據不同的需求來實現不同的效果。
上一篇css中線的代碼