CSS——背景图像及渐变

背景图像

div{ width:700px; height:700px; border:1px solid red; background-image:url("image/img.png"); /* 默认全部是平铺 */ } .div1{ background-repeat:repeat-x; /* 水平平铺 */ } .div2{ background-repeat:repeat-y; /* 垂直平铺 */ } .div3{ background-repeat:no-repeat; /* 不平铺 */ }

对应分别： 颜色 图片 图片位置 平铺方式
background:gray url("../image/img.png") right no-repeat;

背景图片定位
background-position:185px 2px;

渐变

background-color:#FFFFFF; background-image:linear-gradient(19deg,#21D4FD 0%,#B721FF 100%);

<div>嘿嘿嘿</div>