当前位置:首页>在线课程>网页设计>Div+CSS>CSS3 技术与浏览器兼容性解析(已完结)>为网页设置背景颜色和背景图像

[第30课] 为网页设置背景颜色和背景图像

讲师:李晓斌  长度:6分52秒  软件:Div+CSS  发布日期:2018年03日28日
视频课程:[CSS3 技术与浏览器兼容性解析(已完结)]
视频播放界面 播放按钮
分享到:
课程介绍
  

1.background-color属性

只需在CSS样式中添加background-color属性,即可设置网页的背景颜色,它接受任何有效地颜色值,但是如果对背景颜色没有进行相应的定义,将默认背景颜色为透明。background-color的语法格式如下。

background-color: color | transparent;

background-color属性的属性值说明如下表所示。

2.background-image属性

在CSS样式中,可以通过background-image属性设置背景图像。background-image属性的语法格式如下。

background-image: none | url;

background-image属性的属性值说明如下表所示。

3.background-repeat属性

使用background-image属性设置的背景图像默认会以平铺的方式显示,在CSS中可以通过background-repeat属性设置背景图像重复或不重复的样式,以及背景图像的重复方式。background-repeat属性的语法格式如下。

background-repeat: no-repeat | repeat-x | repeat-y | repeat;

background-repeat属性的属性值说明如下表所示。

4.background-position属性

在传统的网页布局方式中,还没有办法实现精确到像素单位的背景图像定位。CSS样式打破了这种局限,通过CSS样式中的background-position属性,能够在页面中精确定位背景图像,更改初始背景图像的位置。该属性值可以分为4种类型:绝对定义位置(length)、百分比定义位置(percentage)、垂直对齐值和水平对齐值。background-position属性的语法格式如下。

background-position: length | percentage | top | center | bottom | left | right;

background-position属性的属性值说明如下表所示。

注意事项
-如果您在任何场合索要、传播、出售、租借学设计网出品原创视频教程,我们一律进行封号、封ip等措施处理,请务必珍惜您的帐号。无论传播还是索取,我们都会进行封号处理。
-由于您对视频教程的言论、索要、传播、出售、租借,对学设计网造成的间接或直接经济损失,我们将追究您的法律责任,并有权索回对我们造成的经济损失。
-只要您浏览本网页我们就将视您已经阅读了本注意事项中所有条例,并且同意本事项的所有条例。
-学设计网拥有以上事项的最终解释权。
教程评论

您必须 [ 登录 ] 才能发表评论!

如何观看全部课程
VIP会员399元1年可享受的权限:
观看下载所有视频教程
下载未来一年更新教程
可加入VIP群进行技术讨论
可下载所有资源(源文件和素材)
第二年续费仅为279元

推荐课程

[网页设计] PHP动态网站开发实例教程(持续更新)

讲师:李晓斌

35

课时
推荐图文教程
推荐书籍
首 页在线课程书籍光盘图文教程
点击这里给我发消息47707077
点击这里给我发消息11402485
联系电话

13520020606

联系邮箱
47707077@qq.com
营业执照  |  网上有害信息举报  |  Copyright © 2017 学设计网, All Rights Reserved  |  京ICP备14050932号