CSS3的渐变、向文本添加阴影、超出部分显示省略号

线性渐变：Linear Gradients

background:linear-gradients( to bottom,red,green)；

（position 渐变方向 color1第一种颜色 color2第二种颜色 不给方向 默认是从上到下顺序 从第一种颜色渐变到第二种颜色 to right 从左到右 to right bottom 从左上角到右下角 以此类推）

如图：

径向渐变 radial-gradient：

background: radial-gradient(red,yellow,blue)；

（颜色结点均匀分布的径向渐变，颜色结点不均匀分布的径向渐变 是根据你设置的值来的，每一个颜色的值都可以设置成100%，如果你设置了100%，那你设置的那部分就会占满屏幕）

background: radial-gradient(circle, red ,yellow,blue);

（形状为圆形的径向渐变，第一个值 设置的是圆形 就算div不是正方形 渐变的效果也是圆形）

如图：

 向文本添加阴影text-shadow：

text-shadow: 10px 20px 5px red;

 text-shadow属性

        h-shadow     必需，水平阴影的位置，允许负值

        v-shasow     必需，垂直阴影的位置，允许负值

        blur             可选，模糊距离  如果设置的是0 那么将和正常的文字清晰度一样

        color            可选，阴影的颜色

超出部分显示省略号：

overflow:hidden;（溢出隐藏）

white-space:nowrap;（文本不会换行，在同一行继续）

 text-overflow: ellipsis;（用省略号来代表被修剪的文本）