CSS 背景图片 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .c1{
            width: 80%;
            height: 600px;
            border: 1px solid red;
             #背景颜色
            background-image: url("https://img0.baidu.com/it/u=876717693,2138950876&fm=253&fmt=auto?w=200&h=200");
            background-repeat: no-repeat; #去重（默认xy重复）
            background-repeat: repeat-x; #横向重复
            background-repeat: repeat-y; #纵向重复
            background-position: 200px 400px; #调整图片位置
            background-position: center; #图片水平垂直居中
            background: no-repeat center url("https://img0.baidu.com/it/u=876717693,2138950876&fm=253&fmt=auto?w=200&h=200"); #简写
        }
    </style>
</head>
<body>

<div class="c1"></div>

</body>
</html>

 

posted @ 2022-05-26 19:39  呼长喜  阅读(137)  评论(0)    收藏  举报