欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

第四课--背景

程序员文章站 2022-03-26 18:40:05
...
CSS 属性定义背景效果:
background-color
background-image
background-repeat
background-attachment
background-position
水平或垂直平铺:
background-repeat:repeat-x;
背景图像- 设置定位与不平铺
background-repeat:no-repeat;
简写属性
background:#ffffff url('img_tree.png') no-repeat right top;
当使用简写属性时,属性值的顺序为::
background-color
background-image
background-repeat
background-attachment
background-position
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>背景</title>
    <link rel="stylesheet" href="demo.css">
</head>
<body>
<h1>Hello World!</h1>
<p>该文本不容易被阅读。</p>
</body>
</html>
body {
    /*背景颜色*/
    /*background-color: #FFA500;*/
    /*背景图像*/
    /*background-image:url('demo.png');*/
    /*水平或垂直平铺*/
    /*background-repeat:repeat-x;!*repeat-y*!*/
    /*设置定位与不平铺*/
    /*background-repeat:no-repeat;*/
    /*简写属性*/
    /*background: #FFA500 url('demo.png') no-repeat right top;*/

    /*文本颜色*/
    color: red;
}

 

相关标签: 背景