wnlt.net
当前位置:首页 >> Css让图片重复显示 >>

Css让图片重复显示

你这个问题问的不太明白如果是把图片bai设置成div盒子的背景,只需要盒子比图尺寸大就会重复填充,如果不想du重复填充并让图片完整填满整个盒子zhi,那就添加一个background-repeat:no-repeat; (repeat 重复) 如果是盒子里面放图片,那只需要重复添加图dao片就行了,例如:<div><img src="图片地址内"><img src="图片地址"></div>css里div不加高度,只加宽度,让图片撑起来就行了.如果是一张图,就把 img{width:100%;}让图片撑起盒子,也可以把容盒子按图片比例设置

CSS中是不能设置背景图片的重复次数,不过可以做出重复次数的效果.例如,你的一张图片如果是X轴重复3次,宽为100px;那么你就可以写 img{background:url(图片地址) repeat-x;height:50px;width:300px;}这样子就可以了.CSS(层叠样式表)级联样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言.

可以 你可以加我q 我告诉你 简单的写个代码给你:比如是整个页面的背景 body{background:url{xxx.jpj} left top no-repeat;}这就把一个叫xxx.jpg的图片设置为页面背景 位置在 页面的左上方 只出现一次不重复 但是要把其像桌面那样怎么变换背景都以一个的形式铺满页面貌似是不行的

只靠div+css是完成不了的下面有js在里边..你看看..<html><head><title></title><script type="text/javascript"> function $(e) { return document.getElementById(e); } function jq(e) { return document.getElementsByTagName(e); } var

要用JS来控制的,单纯的CSS做不到,给你个代码,可以直接拿去用:<div id="dpro" style="overflow:hidden;width:100%px; padding:10px; margin:0 10px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr>

html中的背景重复效果只有重复或者不重复,没有重复几次的,如果你想要实现重复两次的效果,可以将图片弄成是重复两次的效果,然后在css设置为不重复,这样的话就可以实现重复两次的效果.

图片的重复属性如下:格式:background:url(……) [repeat][repeat]的格式可以选择以下四种:no-repeat/*不重复*/repeat-x/*横向重复*/repeat-y/*纵向重复*/repeat/*四向重复*/就这样

大概明白了你的意思,但是按你想的是基本不可能的,但是可以用给别的方法来代替.首先,你把上半部分图片(假设高100px)作为body里面的内容,作为img标签或者新建一个div的背景都可以,然后把下半部分图片(假设叫bg.jpg)在body里面这么设置background:url(bg.jpg) repeat-x center 100px;}

使用CSS3中的伪选择器 :nth-child(n) 或者 :nth-of-type(n) (匹配同类型中的第n个同级兄弟元素), 其中 n可以是一个数字,一个关键字,或者一个公式.li:nth-child(2n) { background-color: #edf3ef;}li:nth-child(2n+1) { background-color: #fff;}

不明白你说的是何意思. 那是通过背景的位置来实现的. 通过设置不同的background-position来显示一张背景图的不同地方.仔细看一下CSS手册就明白了. 这和你以此为背景的容器有关,容器多宽多高,就显示多少,其它的是显示不出来的.如果你用的地方很多宽窄不一,那么最好在一张图上不要挨着,并且在他们之间是透明的(故最好是GIF图片)

网站首页 | 网站地图
All rights reserved Powered by www.wnlt.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com