Home > Web Front-end > HTML Tutorial > 怎么用CSS实现这样的背景_html/css_WEB-ITnose

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

WBOY
Release: 2016-06-21 09:05:14
Original
1259 people have browsed it


请问一下,怎么用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>
Copy after login

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

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template