盒子阴影,文字阴影

ei9以下不支持,要加上浏览器内核前缀(-webkit-)

盒子阴影:box-shadow

box-shadow:inset 10px 20px 30px red;

第一个值:默认省略或者inset,可以省略,即为默认。处理盒子阴影是在里面还是外面

        默认省略   就是外面

        inset         就是里面

第二个值:具体的数值,可以是正数也可以是负数,表示x轴的大小

第三个值:具体的数值,可以是正数也可以是负数,表示y轴的大小

第四个值:具体的数值,可以是正数,不可以是负数,可以省略,省略之后没有模糊面积,表示盒子阴影模糊的面积。

第五个值:具体的颜色值,英文单词,16进制,rgba,rgb。

盒子阴影的值可以不断添加。



文字阴影

text-shadow: 5px 5px 4px #ccc;

第一个值:具体的数值,可以是正数也可以是负数,表示文字阴影x轴的大小

第二个值:具体的数值,可以是正数也可以是负数,表示文字阴影y轴的大小

第三个值:具体的数值,可以是正数,不可以是负数,可以省略,省略之后没有模糊面积,表示文字阴影模糊的面积。

第四个值:具体的颜色值,英文单词,16进制,rgba,rgb。

文字阴影的值可以不断添加。

text-shadow: 5px 5px 4px #ccc,15px 15px 14px red,-15px -15px 14px blue;

}

你可能感兴趣的:(盒子阴影,文字阴影)