CSS背景、渐变
- 图片背景
div{
width:1000px;
height:700px;
border:1px solid orangered;
background-image: url("images/1.jpg");
/*默认是全部平铺的*/
}
.div1{
background-repeat: repeat-x;
}
.div2{
background-repeat: repeat-y;
}
.div3{
background-repeat: no-repeat;
}
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lYdIQjWj-1643435527341)(C:\Users\Damon\Desktop\study\note\image\image-20220129115622609.png)]
-
渐变
<style> /*径向渐变,圆形渐变*/ body{ /*background-color: #4158D0;*/ background: linear-gradient(123deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%); } </style>