配色: 字号:
任务3-设置页面背景
2022-12-14 | 阅:  转:  |  分享 
  
任务3:设置页面背景WEB3.3 任务3:设置页面背景【任务描述】CSS背景属性功能强大,在实际开发中,更推荐将元素的装饰性图像作为背景嵌入
。通过学习本任务,让学习者掌握网页背景的处理,如插入背景图片、设置背景图片的重复属性,设置背景图片的位置等,完成“致敬最美逆行者”
新闻详细页面的美化修饰。设置页面背景背景的设置背景的运用技术背景的设置设置背景颜色在CSS中,使用background-color
属性来设置网页元素的背景颜色。背景的设置设置背景图片背景不仅可以设置为某种颜色,还可以将图像作为元素的背景。在CSS中通过back
ground-image属性设置背景图像。背景的设置设置背景平铺如果将背景图像的平铺属性background-repeat定义为n
o-repeat,图像将默认以元素的左上角为基准点显示。背景的设置24:背景设置。背景的运用技术1. 简写属性为了简化背景属性的
代码,可以简写在同一个属性background中。当使用简写时,属性顺序自由且可以省略,省略时采用的是默认值,一般习惯按照这个顺序
书写:background: background-color background-image background-rep
eat background-position;例如,背景属性代码简写为:background: pink url(img/ba
ckground.jpg) no-repeat center;背景的设置2. 背景尺寸在CSS3中,background-siz
e属性用于控制背景图像的大小,其基本语法格式如下:background-size:属性值1 属性值2;背景的设置25:背景尺寸设置
。项目实训任务描述:CSS背景属性功能强大,在实际开发中,更推荐将元素的装饰性图像作为背景嵌入,此处为整张页面设置背景颜色,效果如
图所示。任务要求:团队讨论,分析出解决方案;独立应用技术,完成项目;提交到平台讨论区,展示、讨论;使用背景图技术设置文章图片展示。
任务3-设置页面背景设置网页背景颜色;设置背景图片;设置背景图片的属性。 课后作业超星学习平台上完成本模块作业学习平台完成线上预习
任务学习平台中参与话题讨论学习平台中按要求完成过程性考核任务
献花(0)
+1
(本文系籽油荃面原创)