css3如何设置背景图片(2)-木庄网络博客

2022-02-26 03:46:33 PHP中文网 JavaScript 百度已收录

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <style type="text/css">
            *{
                margin: 0;
                padding: 0;
            }
            div{
                width: 200px;
                height: 200px;
                border: 1px solid black;
                background-image: url(css.jpg);/* 引入图片 */
                background-size: 100px 100px;/* 设置图片的大小 */
background-repeat: no-repeat;/* 如果图片比较小,框比他大的时候,设置的显示方式,repeat-x沿x轴显示,repeat-y沿y轴显示 */
background-position: 50% 50%;/* 设置图片的位置,left top左上,center center居中..... */
            }
        </style>
        <title></title>
    </head>
    <body>
        <div></div>
    </body>
</html>