Rumah >hujung hadapan web >html tutorial >怎么用CSS实现这样的背景_html/css_WEB-ITnose

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

WBOY
WBOYasal
2016-06-21 09:05:141259semak imbas


请问一下,怎么用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%  这个方法解决了

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn