背景图像及应用

背景图像及应用

背景图片

background :  red url("./2.png") 270px 10px no-repeat;
/*颜色 定位url x y 样式*/
background-image : url("./1.png"); /*背景图片 默认全部平铺*/
background-repeat : repeat-x; /*横向平铺*/
background-repeat : repeat-y; /*纵向平铺*/
beckground-repeat : no-repeat;  /*不平铺*/

渐变

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

开源渐变设计网站 ： https://www.grabient.com/