css只要左右边和下边不要上边的阴影怎么写?

html-css022

css只要左右边和下边不要上边的阴影怎么写?,第1张

1、新建一个HTML文档,并定义一个包含图片的<div>。

2、保存文件以后,预览文档的原始效果。

3、定义div的CSS属性,示例: <style>.shadow{ /*需要先定义元素的宽高*/width: 275px

height: 95px}</style>。

4、阴影部分的box-shadow详细设置。

5、设置之后,保存文件,预览查看BOX-SHADOW的效果。

直接使用box-shadow:5px 5px 10px black inset属性设置样式样式就可以了。

前两个值(5px 5px)是水平和垂直方向的偏移量,正值阴影就会向左向下偏移,负值反之;

第三个值(10px)是设置模糊距离;

black就是阴影的颜色啦;

最后一个inset是在元素内部创建一个阴影,也就是内阴影了;

删除掉inset就是设置外阴影了