>웹 프론트엔드 >HTML 튜토리얼 >怎么用CSS实现这样的背景_html/css_WEB-ITnose

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

WBOY
WBOY원래의
2016-06-21 09:05:141259검색


请问一下,怎么用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으로 문의하세요.