1、设置背景颜色
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>设置背景颜色</title>
</head>
<body style="background-color: blue;">
<h1 style="background-color: red;">这是一个神奇的标题</h1>
</body>
</html>
运行结果:
2、设置背景图像
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>设置背景图像</title>
</head>
<body style="background-image: url(../grid.jpg)">
<h1 style="background-color: red;">这是一个神奇的标题</h1>
</body>
</html>
运行结果:
3、设置背景图像平铺
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>设置背景图像平铺</title>
</head>
<body style="background-image: url(../grid.jpg)">
<div style="background-image: url(../banner.jpg);background-repeat: repeat-x;height: 96px;border: 1px red solid;">这是一个神奇