css3元素边框 |css3 滑杆

/* 设置圆角边框 */
.box{
border: 1px solid #ccc;
border-radius: 10px;
}
/* 设置阴影边框 */
.box{
border: 1px solid #ccc;
box-shadow: 0 0 10px #ccc;
}
/* 设置渐变边框 */
.box{
border: 1px solid #ccc;
border-image: linear-gradient(to bottom, #ccc, #000);
border-image-slice: 1;
}

通过这些属性的组合，大家可以创建出更加丰富多样的元素边框效果，提升页面的美观程度。