首页 >web前端 >html教程 >怎么用CSS实现这样的背景_html/css_WEB-ITnose

怎么用CSS实现这样的背景_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-21 09:05:141257浏览


请问一下,怎么用CSS实现这样的背景


回复讨论(解决方案)

一张背景图,搞定!

我觉得可以把我之前写的炫(dou)酷(bi)特效给你看看。

http://bbs.csdn.net/topics/391831260

一张背景图,搞定!


但它还要向右向下循环的,怎么实现

但我觉得css不能搞定。既然下面你说了要向右向下循环。那肯定要用到js 

css 背景平铺

截一块然后平铺,至于是哪一块可以自己试试

5*5小方格背景重复即可

截取一块5*5的方块,注意中间的白条,背景图设置时需要水平和垂直方向重复,这样容器有多大,背景就有多大

<style type="text/css">	.one{		width:300px;		height:300px;		border:1px solid red;		background: url('images/bg.png') ;		}</style></head><body>   <div class="one"></div> </body>

谢谢大家,我暂时用background-size:100% 100%  这个方法解决了

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn