HTML5前端开发入门之CSS盒子阴影和文字阴影

盒子阴影和文字阴影

1.如何给盒子添加阴影

box-shadow:水平偏移 垂直偏移 模糊度 阴影扩展 阴影颜色 内外阴影;

 

2.注意点:

2.1盒子的阴影分为内外阴影,默认情况下就是外阴影

2.2快速编写阴影只需要编写三个参数即可

box-shadow:水平偏移 垂直偏移 模糊度;

默认情况下阴影的颜色和盒子内容的颜色一致

 

3.如何给文字添加阴影

text-shadow:水平偏移 垂直偏移 模糊度 阴影颜色;

注意点除了没有阴影拓展和内外阴影属性外,其它与盒子一致

猜你喜欢

转载自blog.csdn.net/qq_41886761/article/details/86079629
今日推荐