0
点赞
收藏
分享

微信扫一扫

CSS背景、渐变

Aliven888 2022-01-30 阅读 81

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>
    

在这里插入图片描述

举报

相关推荐

0 条评论