3.16今日CSS3总结（文本阴影/定义字体/渐变）

一：文本阴影

text-shadow(文本阴影）

代码显示：text-shadow：（X1px，X2PX，X3PX，X4PX）X1表示水平方向阴影，可为负值，X2为垂直方向阴影，可为负值，X3表示水平方向阴影，可为负值，X4为阴影颜色，可根据实际情况进行调整。

二：定义字体

代码显示：@font-face{font-family：字体名称；sru：url}

选择字体选择器{font-family：自定义字体名称}

三：圆角

代码显示：border-radius：一个值，四个圆角一样效果；

border-radius：两个值，值1，值2.值1为左下，右下角，值2为右上，左下角。

border-radius：三个值 值1：左上 值2：右上，左下 值3 右下。

border-radius：四个值 分别为1，左上；2右上；3右下；4左上；

四：渐变

线性渐变：

background-image：linear-gradient（渐变角度 颜色；#f00 0%,#00f 50%

颜色1 位置，颜色2 位置);

渐变角度：1单位deg 30度：30deg

2可以用英文单词表示渐变方向：to right。

径向渐变 没什么用用处不大