css中background背景的应用

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了css中background背景的应用，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1580字，纯文字阅读大概需要3分钟。

内容图文

background背景

background-color背景颜色

background-image: url（），url()统一资源路径，括号里是图片的地址，需要加引号

background-repeat:背景平铺；取值：repeat默认值，在水平方向和垂直方向都平铺；no-repeat背景图不平铺；repeat-x、repeat-y在x轴或y轴平铺。

background-attachment：设置背景图像是否固定或者随着页面的其余部分滚动

background-size 属性（设置背景图片大小）第一个值设置宽度，第二个值设置的高度；如果只给一个值，第一个值是宽度，第二个是设置为 元素本身高度

background-position 属性设置背景图像的起始位置。取值：关键字（top、right、bottom、left、center）；偏移量（第一个值是水平位置，第二个值是垂直。左上角是0％0％。右下角是100％100％。如果仅给定了一个值，其他值将是50％。 。默认值为：0％0％）

background-clip和background-origin的区别是：border-box边框盒的左上角开始显示，但如果给了padding-box、content-box就会从填充盒和内容盒的左上角开始显示，但背景实际存在还是从边框盒开始的，只不过边框盒部分不显示；而background-origin就是给什么值就从什么子盒子的左上角渲染。（如果是背景颜色它们在页面上看起来区别不大，但如果是背景图片区别就很明显）

background-clip:设置背景的显示区域

• border-box（默认值） 边框盒的左上角开始

• padding-box（默认值） 填充盒盒的左上角开始

• content-box（默认值） 内容盒的左上角开始

background-origin:设置背景的渲染区域

• border-box（默认值） 边框盒的左上角开始

• padding-box（默认值） 填充盒盒的左上角开始

• content-box（默认值） 内容盒的左上角开始

内容总结

以上是互联网集市为您收集整理的css中background背景的应用全部内容，希望文章能够帮你解决css中background背景的应用所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端