首页 / CSS3 / css3 背景background
css3 背景background
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了css3 背景background,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含717字,纯文字阅读大概需要2分钟。
内容图文
Css3背景<background>
Css3包含多个新的背景属性,它们提供了对背景更强大的控制。可以自定义背景图的大小,可以规定背景图片的定位区域,css3还允许我们为元素使用多个背景图像
属性 |
描述 |
Css |
Background-image |
规定背景的背景图 |
2 |
Background-position |
规定背景的定位 |
2 |
Background-repeat |
规定背景的重复方式 |
2 |
Background-color |
规定背景的颜色 |
2 |
Background-clip |
规定背景的绘制区域 |
3 |
Background-origin |
规定背景图片的定位区域 |
3 |
Background-size |
规定背景图片的尺寸 |
3 |
Background-size
值 |
描述 |
Length |
设置背景图像的高度和宽度。第一个是宽度,第二是高度,不设置默认值为auto; |
Percentage |
以父元素的百分百来设置背景图像的宽度和高度。第一个值设置宽度,第二个值设置高度。如果值设置一个值,则第二个会被默认为auto |
Cover |
把背景图像扩展至足够大,以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。 |
Contain |
把图像扩展至最大尺寸,以使其宽度和高度完全适应内容区域 |
Background-origin
值 |
描述 |
Padding-box |
背景图片相对于内边距来定位 |
Border-box |
背景图片相对于边框盒来定位 |
Content-box |
背景图像相对于内容框来定位 |
原文:http://www.cnblogs.com/TzSteady/p/7396844.html
内容总结
以上是互联网集市为您收集整理的css3 背景background全部内容,希望文章能够帮你解决css3 背景background所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。