Java教程

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.背景图像应用及渐变的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!