盒子阴影与文字阴影

来源:互联网 发布:道路平面图绘制软件 编辑:程序博客网 时间:2024/05/16 00:36

1.如何给盒子添加阴影
box-shadow: 水平偏移 垂直偏移 模糊度 阴影扩展 阴影颜色 内外阴影;

2.注意点
2.1盒子的阴影分为内外阴影, 默认情况下就是外阴影
2.2快速添加阴影只需要编写三个参数即可
box-shadow: 水平偏移 垂直偏移 模糊度;
默认情况下阴影的颜色和盒子内容的颜色一致

 /*box-shadow: 10px 10px 10px 10px skyblue;*/            /*box-shadow: 10px 10px 10px 10px skyblue inset;*/            box-shadow: 10px 10px 10px;

3.如何给文字添加阴影
text-shadow: 水平偏移 垂直偏移 模糊度 阴影颜色 ;

  /*text-shadow: 10px 10px 10px black;*/            text-shadow: 10px 10px 10px;
0 0
原创粉丝点击