我们平时看到的网页中会有各式各样的背景样式,例如有用颜色作为背景的,也有图片作为背景的。添加背景样式能够让网页更好看,那么要如何设置页面的背景样式呢,这就是本节我们要学习的内容。
背景颜色
首先我们来讲如何设置背景颜色,浏览器页面的默认背景颜色为白色,但是很多时候为了页面的美观我们会重新设置一个背景颜色,一般在一个网站中大部分页面都会采用某个统一的背景颜色。
我们可以通过CSS 中的 background-color
属性来设置背景颜色 ,这个属性可以接受任何合法的颜色值,像颜色名称、十六进制颜色值、RGB颜色都可以。
我们可以给所有的元素设置背景色,例如 body
、h1
、p
、a
、div
等等。
示例:
例如我们将页面的背景颜色设置为 #E0E0E0
、标题的背景颜色设置为绿色 #33CC66
,段落的背景颜色为白色 #FFFFFF
:
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8">
<title>CSS学习(9xkd.com)</title>
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
<h1>侠课岛欢迎你!</h1