/* 添加边框 */ img{ border: 2px solid #333; border-radius: 5px; /* 可以设置圆角 */ } /* 添加阴影 */ img{ box-shadow: 5px 5px 5px #333; /* 参数依次为:水平偏移量,垂直偏移量,阴影大小,颜色 */ }
上述代码中,大家给img标签添加了两个样式:border和box-shadow。大家用border设置了图片的边框,可以自定义边框的宽度、样式和颜色,并且还可以设置圆角,让图片更加美观。而box-shadow则可以模拟出图片的阴影效果,还可以自定义偏移量和阴影大小。通过适当的调整,大家可以创建出各种炫酷的图片效果。