下面是一个简单的例子,展示如何使用 CSS 添加背景颜色:
“`html
<!DOCTYPE html>
<html>
<head>
<title>添加背景颜色</title>
<style>
body {
background-color: #F0F0F0; /* 设置背景颜色为蓝色 */
</style>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>
在这个例子中,大家使用 `background-color` 属性来设置整个页面的背景颜色为蓝色。你可以根据需要调整颜色值。
“`html
<!DOCTYPE html>
<html>
<head>
<title>添加背景图片</title>
<style>
body {
background-size: cover; /* 设置背景图片铺满整个页面 */
</style>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>
需要注意的是,在使用 CSS 添加背景颜色和背景图片时,需要确保图片文件的格式为 CSS 可识别的格式,如 jpg、png 等。此外,还需要根据具体情况调整背景颜色和图片的大小等属性,以达到最佳的使用效果。
CSS 是添加背景颜色和设置页面外观的常见工具,通过它可以轻松地让页面变得更加美观和易于使用。