css 凹效果 |js css 网页代码大全

css颜色写法，优秀css 等待效果，css 去掉iframe边框，jsp css路径正确报错，css 滚动条自适应，好看css阴影效果图，js css 网页代码大全 css 凹效果 |js css 网页代码大全

/* 方法一：使用box-shadow属性 */
.box {
box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
}
/* 方法二：使用border属性 */
.box {
border: 10px solid rgba(0,0,0,0.5);
}
/* 方法三：使用渐变linear-gradient */
.box {
background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
}

以上是三种常见的CSS凹效果实现方法。值得注意的是，在使用box-shadow和border方法时，需使用inset关键字，使阴影或边框内凹。