040.背景图像应用及渐变

2021/12/7 6:16:50

编程Tag： 图片图像 image height 渐变 repeat background 平铺 040

本文主要是介绍040.背景图像应用及渐变，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>2021-12-7</title>
        <style type="text/css">
        /*
        background: 颜色  图片 图片位置（270px   10px）  平铺方式
        
        
        */
            div{
                width: 1000px;
                height: 700px;
                border: 1px solid red;
                background-image: url(../image/pdd_logo_v2.png);/*默认是全部平铺的*/
            }
            
            .div1{
                background-repeat: repeat-x;
            }
            .div2{
                background-repeat: repeat-y;
            }
            .div3{
                background-repeat: no-repeat;
            }
        </style>
    </head>
    <body>
        <div class="div1">
            
        </div>
        <div class="div2">
            
        </div>
        <div class="div3">
            
        </div>
    </body>
</html>

这篇关于040.背景图像应用及渐变的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

040.背景图像应用及渐变

相关编程文章