一个简单的实例
首先,我们来下一个简单的实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello World</title>
<style type="text/css">
body {
background-color: teal;
}
h1 {
color:white;
font-size: 36px;
text-align: center;
}
</style>
</head>
<body>
<h1>CSS让网页样式更丰富</h1>
</body>
</html>
显示效果如下所示:
我们在HTML文档的<head>元素中,加入了<style>元素,设置其属性type为text/css,表示此处内容为CSS。
我们在此CSS代码中,指定了:
- body背景颜色为蓝绿色(teal)。
- h1标题的字体颜色为白色(white)