这篇博客介绍了如何在Educoder上通过三个关卡学习和实践CSS3背景样式。第一关涉及背景相关概念，第二关讲解并要求设置背景色，第三关则涵盖了背景图的设置，包括属性如background-image、background-position和background-size的用法，并提供了具体的编程要求和通关代码示例。
CSS3背景样式
第1关：CSS背景相关的概念
通关知识
1、下列选项中，可用于设置背景颜色的属性是（D）
A、bgcolor
B、color
C、back-color
D、background-color
2、将背景的绘制区设置到内容区，应使用background-clip属性中的（A）值。
A、content-box
B、border-box
C、padding-box
D、none-box
3、在CSS3背景图属性中，可以设置背景图的平铺是（C）。
A、bcckground-position
B、background-attachment
C、background-repeat
D、background-origin
4、在CSS3新增的background-size属性中，（A）是参考父元素宽高来设置图像宽度和高度的。
A、50% 50%
B、50px 50px
C、cover
D、contain
5、CSS样式background-position:-5px 10px代表的意义是（D）。
A、背景图片向右偏移5px,向上偏移10px
B、背景图片向右偏移5px,向下偏移10px
C、背景图片向左偏移5px,向上偏移10px
D、背景图片向左偏移5px,向下偏移10px
第2关：CSS-背景色的设置
相关知识
背景色的设置
CSS中使用background-color属性设置元素的背景色。语法格式如下： 选择器{background-color:颜色值;}
编程要求
请在右侧编辑器的Begin - End区域内补全样式代码，使得网页背景色为#add。
通关代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS-背景色的设置</title>
<style type="text/css">
h2{
font:微软雅黑;
text-align:center;
}
#p1{
font-size:13px;
color:#979797;
text-align:center;
}
hr{
border:1px solid #CCCCCC;
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
