box-shadow: [水平偏移量] [垂直偏移量] [模糊半径] [扩展半径] [颜色];
其中,前两个参数是必填项,指定阴影相对于元素位置的偏移量;第三个参数是可选项,指定阴影的模糊半径,值越大阴影越模糊;第四个参数也是可选项,指定阴影的扩展半径,值越大阴影越大;最后一个参数是可选项,指定阴影的颜色。
例如,下面的代码将创建一个向右偏移10像素、向下偏移10像素的黑色阴影:
box-shadow: 10px 10px black;
大家还可以创建不同类型的阴影效果,例如内部阴影或多重阴影效果。下面是一个示例代码,创建一个具有内部白色阴影和外部黑色阴影的框:
box-shadow: inset 0 0 10px white, 0 0 10px black;
在这个代码中,大家通过在第一个参数中添加inset关键字来指定内部阴影效果,然后设置两个阴影效果:一个白色的内部阴影和一个黑色的外部阴影。
通过使用box-shadow属性,大家可以轻松地创建各种类型和风格的边框阴影效果,让大家的网页设计更加美观。