不要图片?CSS实现圆角边框渐变色+背景透明
.box {
/* 设置边框宽度和颜色 */
border: 2px solid #00FFFF;
/* 设置圆角 */
border-radius: 10px;
/* 设置背景渐变色 */
background: linear-gradient(to right, #FFC107, #FF5722);
/* 设置透明度 */
opacity: 0.8;
}
这段代码展示了如何使用CSS为元素添加圆角、边框、渐变背景色,并调整透明度。border-radius
属性设置圆角的大小,border
属性定义了边框的宽度和颜色,background
属性用来创建一个从左到右的线性渐变色,而opacity
属性用于调整元素的透明度。
评论已关闭