阴影边框怎么设置

1个回答

写回答

蒋嘉丞C

2022-05-28 10:25

+ 关注

CSS
CSS

CSS中,可以通过box-shadow属性设置阴影边框。例如:

div {

box-shadow: 0 0 10px black;

}

这个样式会在div元素的周围创建一条10像素宽的黑色阴影边框。

除了这个简单的示例外,box-shadow属性还可以包括水平偏移量,垂直偏移量,模糊半径和扩张半径等参数。例如:

div {

box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.5);

}

这个样式会在div元素的右下方创建一个向右下方偏移2像素和2像素的阴影,模糊半径为5像素。rgba()函数中的最后一个参数表示阴影的不透明度。

举报有用(17分享收藏

Copyright © 2025 IZhiDa.com All Rights Reserved.

知答 版权所有 粤ICP备2023042255号