1.基础CSS
定义实线，比如表单；
border-style: solid;
定义实线粗细；
border-width: 1px;
定义实线颜色；
border-color: #000;
定义表单圆角；
border-radius: 3px;
文字过长用...代替；
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 80px;
固定底部；
left: 0;
bottom: 0;
width: 100%;
height: 30px;
position: fixed;
font-size: 18px;
text-align: center;
color: #fff;
background-color: #f00;
2.特殊CSS
效果图：
CSS：
.flex1{
background: -webkit-linear-gradient(right,#BEB9F9,#66DEBA);
background: -o-linear-gradient(right,#BEB9F9,#66DEBA);
background: -moz-linear-gradient(right,#BEB9F9,#66DEBA);
background: -mos-linear-gradient(right,#BEB9F9,#66DEBA);
background: linear-gradient(right,#BEB9F9,#66DEBA);
}
.flex2{
background: -webkit-linear-gradient(right,#BEB9F9,#FECF4B);
background: -o-linear-gradient(right,#BEB9F9,#FECF4B);
background: -moz-linear-gradient(right,#BEB9F9,#FECF4B);
background: -mos-linear-gradient(right,#BEB9F9,#FECF4B);
background: linear-gradient(right,#BEB9F9,#FECF4B);
}
.flex3{
background: -webkit-linear-gradient(right,#BEB9F9,#FCA4B6);
background: -o-linear-gradient(right,#BEB9F9,#FCA4B6);
background: -moz-linear-gradient(right,#BEB9F9,#FCA4B6);
background: -mos-linear-gradient(right,#BEB9F9,#FCA4B6);
background: linear-gradient(right,#BEB9F9,#FCA4B6);
}
作者：顽皮的大猩猩
链接：https://www.jianshu.com/p/c8852676d7e7
来源：
著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。