CSS设置背景

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>标题</title>
    <style>
        div {
            width: 1200px;
            height: 700px;
            background-color: pink;
            background-image: url("../images/gailun1.jpg");
            background-repeat: no-repeat;   /*不平铺*/
            background-position: bottom right;   /*top 上  bottom  下  left  左  right  右*/
            background-position: right;
            /*1.position后面可以跟方位名词，他们之间没有顺序*/
            /*2.position后面只写一个方位名词，另一个默认居中*/
            /*3.position后面可以跟值   background-position: x y;*/
            background-attachment: fixed;   /*背景固定的*/
            /*连写  background： 背景颜色 背景图片地址  背景平铺 背景滚动 背景位置；*/
        }
    </style>
</head>
<body>
    <div>
        <p>asdasd</p>
        <p>asdasd</p>
    </div>
</body>
</html>
CSS设置背景

推荐阅读更多精彩内容
