css-背景属性

一、css背景属性

(1)background-color 背景颜色

(2)background-image:url(“背景图片地址URL”)

(3)background-repeat: 图片是否平铺值:

①repeat 默认 x轴 y轴 都平铺

②no-repeat 不平铺

③repeat-x x轴平铺 y轴不平铺

④repeat-y y轴平铺 x轴不平铺

(4)background-position: 图片的位置

一个值 代表 x轴的位置

两个值 第一个值代表x轴 第二个值 代表 y轴

注意: 图片的开始点 (0,0) 点 是从图片的左上角开始算起 跟标签没有关系

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css 背景元素</title>
    <style type="text/css">
        #ad{
            width: 200px;
            height: 200px;
            background-color: red;
            background-image: url("1.jpg");
            background-repeat: repeat;
        }
    </style>
</head>
<body>
    <div id="ad">

    </div>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_39620483/article/details/84197048