背景及渐变色

背景及渐变

背景颜色，背景图片

background-image:url("img/tx.jpg");

background-repeat:repeat;/*范围内平铺*/
background-repeat:repeat-x;/*横行平铺一行*/
background-repeat:repeat-y;/*竖向平铺一列*/
background-repeat:no-repeat;/*无平铺效果*/

调整图片位置：

/*背景相关的所有属性都写在一行*/
background: red url("image/down.jpg") 280px 15px no-repeat;

red 背景颜色

url 图片路径

280px横坐标 15px纵坐标 可以在网页内预览之后再在css中修改

no-repeat 不平铺

属性分开写：

background-image: url("image/right3.jpg");
background-repeat: no-repeat;
background-position: 200px 2px;

渐变

径向渐变，圆形

www.grabient.com copy css

background-image: linear-gradient(299deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);