这篇文章主要讲解了“CSS的background属性怎么使用”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“CSS的background属性怎么使用”吧！
background 属性是background-color，background-image，background-position，background-attachment，background-repeat，这五个属性的缩写，优点是比单个属性书写要简单，要少写很多代码。就是有时令人在书写这五个属性的顺序上有些困扰。
代码如下:
.bBot{background:url(../images20130624/bg.png) no-repeat -1424px -5px;overflow:hidden;height:1px;clear:both;font-size:0px; overflow:hidden;}
.cBot{background:url(../images20130624/sohubg01.png) 0 -181px repeat-x;width:758px;height:6px;clear:both;font-size:1px;margin:0 auto;}.bBot 选择器的background属性的顺序是background-image，background-repeat，backgroundf-position。（background-repeat在前，backgroundf-position在后）
.cBot 选择器的background属性的顺序是background-image，background-position，background-repeat。（background-position在前，background-repeat在后）
那就让我们看看CSS的background属性的官方定义：
Value: ['background-color'> ||<'background-image'> || <'background-repeat'>|| <'background-attachment'> ||<'background-position'>] | inherit Initial: see individual properties Applies to: all elements Inherited: no Percentages: allowed on 'background-position' Media: visual Computed value: see individual properties
上面表格的内容只是定义的background属性的值包含那些内容，但并没有指定这些值的顺序（不过可以认为这是建议顺序，如果都这样做，代码可读性更好）。
感谢各位的阅读，以上就是“CSS的background属性怎么使用”的内容了，经过本文的学习后，相信大家对CSS的background属性怎么使用这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是亿速云，小编将为大家推送更多相关知识点的文章，欢迎关注！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
