/* 圆角图片 */ img { border-radius: 50%; } /* 图片周边阴影 */ img { box-shadow: 0 0 10px #ccc; } /* 图片边框 */ img { border: 5px solid #eee; } /* 图片渐变 */ img { background: linear-gradient(to bottom, #f00, #0f0); } /* 图片边框虚线 */ img { border: 1px dashed #999; } /* 图片旋转 */ img { transform: rotate(30deg); }
以上CSS 3代码展现了一些常见的图片特效,开发者可以根据实际需求灵活运用,让页面更加美观与实用。