程序猿
讲互联网的故事

网站制作细节之:背景图片的repeat合理利用

做网站久了,许多写css的技巧已经成为一种习惯,而跟随你的这些习惯,可能不全都是合理的,有些甚至很糟糕,下面的截图可以说明在书写背景图片的css时设置repeat的用处。

网站背景图片

 你所看到的截图是在chrome下首页被撑开了,属于浏览器兼容性的问题这里不做讨论,不仅仅是网页的banner,还有栏目的背景图,也一起被重复了,因此,我们在给背景图片写css代码时,应该记着在url()后紧跟着写上是否重复,横向重复还是纵向重复(no-repeat、repeat-x、repeat-y),这样即使在特殊情况下内容的区域超出了背景的范围,也不会使得背景重复出现,你要做的就是在url后多加一条定义重复的语句。

赞(0) 打赏一下

评论 抢沙发

觉得文章有用就打赏一下博客作者

支付宝扫一扫打赏

微信扫一扫打赏