Web前端开发笔记-----17.阴影
一、阴影
1.文字阴影
text-shadow
x
y
blur
color
多阴影
注:阴影的默认颜色是跟文字样色相同
text-shadow:10px 10px 20px bule;
向右向下偏移10px 模糊程度20px 阴影颜色blue
text-shadow:10px 10px 20px bule,10px 10px 20px black; 多阴影写法
2.盒子阴影
box-shadow
x
y
blur
spread 阴影范围
color
inset
多阴影
注:
1.盒子阴影的默认颜色是黑色。
2.默认就是外阴影,如果设置outset会不起作用,可选的值只有inset表示内阴影。
实例:小米官网阴影效果
<style>
ul{
list-style: none;}
li{