/* 设置背景色 */ background-color: #FFC107; /* 设置边框 */ border: 1px solid #008CBA; /* 设置圆角 */ border-radius: 5px; /* 设置阴影 */ box-shadow: 2px 2px 2px #888; /* 设置渐变色 */ background: -webkit-linear-gradient(left, #FFC107, #F44336); background: -o-linear-gradient(right, #FFC107, #F44336); background: -moz-linear-gradient(right, #FFC107, #F44336); background: linear-gradient(to right, #FFC107, #F44336); /* 设置边框圆角 */ border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 0;
以上是几种常见的CSS样式设置色块样式的方法。通过这些方法,大家可以轻松地实现不同的色块效果,使网页设计更加出彩。