设置个美美哒的颜色-背景色，初识HTML(5)+CSS(3)-升级版教程-慕课网

12-8 设置个美美哒的颜色-背景色

本节编程练习不计算学习进度，请电脑登录imooc.com操作

设置个美美哒的颜色-背景色

网页中的标签不论是行内元素还是块状元素都可以给它设置一个背景色。

为标签设置背景颜色可以使background-color:颜色值来实现。

例子如下：

div{background-color:red;}//为块状元素设置
a{background-color:green;}//为行内元素设置

完整代码请查看右侧代码编辑器。

任务

index.html

<!DOCTYPE html>
<html>
 
<head>
    <meta charset="UTF-8">
    <title>背景色</title>
    <style type="text/css">
    div {
        background-color: red;
    }
 
    a {
        background-color: green;
    }
    </style>
</head>
 
<body>
    <div>
        <h1>慕课网-免费的IT技能学习平台</h1>
        <p>慕课网<a href="http://wwww.imooc.com">(IMOOC)</a>是学习编程最简单的免费平台。慕课网提供了丰富的移动端开发、php开发、web前端、html5教程以及css3视频教程等课程资源。</p>
    </div>
</body>
 
</html>