CSS3盒子的背景、倒角、阴影。
/* 设置一个盒子的背景、倒角和阴影 */
.box {
background: linear-gradient(to right, #FF5252, #FF5252); /* 线性渐变背景 */
border-radius: 20px; /* 盒子的边框倒角 */
box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5); /* 盒子的阴影 */
width: 200px; /* 盒子的宽度 */
height: 200px; /* 盒子的高度 */
margin: 20px; /* 盒子的外边距 */
}这段代码为一个类名为.box的元素设置了一个线性渐变背景、边框倒角以及盒子阴影。它展示了如何使用CSS3的渐变、边角圆角和盒子阴影来增强盒子的视觉效果。
评论已关闭