css背景颜色、图像
程序员文章站
2022-07-09 21:27:25
...
1. css背景颜色、图像
1) 设置背景颜色
2) 设置背景图像
3) 设置背景图像平铺
4) 设置背景图像位置
5) 设置背景图片位置固定
1) 设置背景颜色
background-color: blue; <body style="background-color: blue;"> <h1 style="background-color: red;">这是一个神奇的标题</h1>
2) 设置背景图像
background-image: url(../grid.jpg) <body style="background-image: url(../grid.jpg)"> <h1 style="background-color: red;">这是一个神奇的标题</h1>
3) 设置背景图像平铺
background-image:url(../banner.jpg);background-repeat: repeat-x;height: 96px;border: 1px red solid; <body style="background-image: url(../grid.jpg)"> <div style="background-image: url(../banner.jpg);background-repeat: repeat-x;height: 96px;border: 1px red solid;">这是一个神奇的标题</div>
4) 设置背景图像位置
<body style="background-image: url(../dog.jpg);background-repeat: no-repeat;background-position: 20px 40px"> <h1 style="background-color: red;">这是一个神奇的标题</h1> <p>...</p> </body>
5) 设置背景图片位置固定
<body style="background-image: url(../dog.jpg);background-repeat: no-repeat;background-position: 20px 40px;background-attachment: fixed;"> <h1 style="background-color: red;">这是一个神奇的标题</h1> <p>...</p> </body>