zoukankan      html  css  js  c++  java
  • CSS背景使用,引入、尺寸、平铺、定位、多重背景

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title></title>
            <style type="text/css">
                *{
                    margin: auto;
                    padding: 0;
                }
                #a1{
                     100px;
                    height: 100px;
                    border: 1px solid red;
                    margin-top: 30px;
                    border-radius: 15px 20%;
                    box-shadow: 5px 10px;
                }
                #a2{
                     300px;
                    height: 300px;
                    border: 1px solid red;
                    background-image: url(../img/1.jpg);
                    background-size: 100% 100%;
                    background-repeat: no-repeat;
                    margin-top: 30px;
                }
                #a3{
                     300px;
                    height: 300px;
                    border: 1px solid red;
                    background-image: url(../img/1.jpg);
                    background-position: bottom;
                    background-repeat: no-repeat;
                    margin-top: 30px;
                }
                #a4{
                     400px;
                    height: 400px;
                    border: 1px solid red;
                    background-image: url(../img/1.jpg),url(../89ca0e54-6537-4aa4-8ac6-be6ec29b6636.jpg);
                    background-repeat: no-repeat;
                    margin-top: 30px;
                }
            </style>
        </head>
        <body>
            <div id="a1">
                
            </div>
            <div id="a2">
                
            </div>
            <div id="a3">
                
            </div>
            <div id="a4">
                
            </div>
        </body>
    </html>

  • 相关阅读:
    苹果开发者账号多少钱?个人/公司/企业申请费用及怎么选【都有】
    uniapp ios真机调试【亲测有效】
    Uniapp---IOS打包证书私钥密码怎么获取?
    微信小程序地图计算两个点之间的距离
    各大地理坐标系互转
    解决mac下vscode等应用中vim光标无法快速移动
    python 脚本如何在后代运行并记录标准输出
    wkhtmltox 在Linux上安装
    shell中的##*,%%*问题
    matplotlib、seaborn 展示中文字体
  • 原文地址:https://www.cnblogs.com/hankai2735/p/8707467.html
Copyright © 2011-2022 走看看