文字渐变&over-flow属性

一、文字渐变

1.线性渐变：linear gradient

Background:linear-gradient(position,color,color)

position	说明
bottom	从上到下
left	从左到右
Bottom-left	从右上到左下

注：渐变的方向是和设定的值相反的。如top-right:渐变是从左下到右上。

2.径向渐变：background:radial-gradient

background:radial-gradient(circle, color, color,color);

注：每一个颜色的值都可以设置成100%，如果值越大，越会沾满整个盒子。并不是三个颜色值加起来一共100%，当第一个值为circle时，即使盒子的宽度和高度不相同也能成一个圆形。如果不设置circle,在长方形里会成为椭圆

二、text-overflow属性

超出部分显示省略号方法

white-space:nowrap 文本在同一行显示

overflow:hidden 溢出隐藏

text-overflow:elllipsis 用省略号来代表被隐藏部分

 

补充：

想显示几行，然后多余的再显示省略号