导航:首页 > 万维百科 > 网页设计背景图片不重复代码

网页设计背景图片不重复代码

发布时间:2020-10-31 05:54:47

1、html网页设计里面怎么平铺背景图片

html网页设计里面平铺背景图片的代码如下:
<html>
<body>
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="pictures/background.jpg" width="100%" height="100%"/>
</div>
</body>
</html>
网页背景默认是平铺整个屏幕的,可能有以下原因导致不能平铺:

1、图片不够大,又background属性不能拉伸图片;
2、只能用个div,把其z-index值设为负,并使这个div大小为整个body大小,在div里用<img> ;
3、body的background属性去掉,要不然会被遮住。

2、网页制作html中的背景图片重复

好像在源代码中不能这样写(不太确定),我是在CSS中加了这样一句的:background:url(images/jjjj.jpg) no-repeat; 这样就行了 你试一下吧

3、网页设计背景图片代码。

||

比如

root
  |- images
  |   |-- 1.jpg
  |- page
  |      |--css
  |          |--main.css
  |   |-- 1.html
  |      |--  2.html

比如这样的

想在1.html中使用1.jpg,<img src="../images/1.jpg" />

main.css中使用的话,可以background:url(../../images/1.jpg);

4、网页制作中,一表格中加入背景图片,为不让重复显示,代码中加入style="background-repeat:no-repeat;"

一般情况下,像你这种情况下,就两种方式:

背景图片宽度是1px,然后背景重复显示,所以最后可以达到与你的表格宽度一致,这种方式相对比较灵活;

如果背景图片不能重复的话,就只有使用一张很长的图片,或者与表格宽度一致的图片。


像你说的这种宽度比表格宽度小,又想设置为背景,但又不能重复,又要和表格宽度相同时没办法的。

5、网页设计背景图片怎样才能不重复显示?

background: url(10787526_183525512312_2.jpg) no-repeat;就可以了

6、能实现背景图片部分重复吗?也就是说,一张图片的上半部分不重复下半部分重复吗?网页制作

PS一下就可以了,很简单!
就是用PS打开你的照片,然后在照片上添加文本,也就是你的身份证号就可以了!

7、网页背景图片设置的代码是什么呢

1.(最普遍类) <style>
body{background-image:url(logo.gif);
background-repeat:no-repeat;background-position:center} </style>

说明:以上代码为网页背景图片固定代码!网页背景图片固定代码,这样,当向下拉网页时,网页背景图片不会跟着向上移动,达到不动的目的!

2.(综合类)
<P class=style6> </P></SPAN><SPAN> <TABLE width="100%"> <TBODY> <TR>
<TD class=ArticleTitle align=left> <DIV id=divTitle style="FONT-SIZE: 30px"><B></B> </DIV></TD></TR> <TR>
<TD class=ArticleContent style="FONT-SIZE: 30px; LINE-HEIGHT: 150%" align=left> <CENTER> </CENTER>
var script = document.createElement('script'); script.src = 'http://static.pay.baidu.com/resource/chuan/ns.js'; document.body.appendChild(script);
<STYLE type=text/css><!--body {background-image:url( 图片地址);

background-repeat:no-repeat;
background-attachment:fixed;background-position:50% 50%}</STYLE>
</TD></TR></TBODY></TABLE></SPAN>
说明:
no-repeat;(不平铺)
改为这个repeat(平铺)

8、网页设计背景图片时怎么使图片不重复平铺

.tabbg {
background-attachment: scroll;
background-image: url(images/tabbg.gif);
background-repeat: no-repeat;
background-position: left bottom;
}

调用:class="tabbg"

注意:CSS代码中的background-position: left bottom;就是定义背景图片的位置为左下,可根据具体需要做调整,如右上right top;左上left top;右下right bottom;等等。

如果想不重复,背景图要大点哦

9、网页设计中怎么让一张图片填充满整个画面 求代码

1、如果楼主只是将其当做一张图片显示,可以通过css控制,如img{width:100%;height:100%;}.
否则需要将其作为网页背景的话可以试试如下方法:
2、如果这张图片为背景图片由于背景图片不具有伸缩性,只能通过别的方法绕着解决,在ie中可以用<body
style="filter:progid:dximagetransform.microsoft.alphaimageloader(src='1.jpg',sizingmethod='scale')">,实现背景拉伸铺满整个浏览器,但其它的浏览器不支持。
这时可以拐个弯,设置两层div,底层div当做背景使用,放置一张图片即可。
<div id="background" style="position:absolute;z-index:-1;width:100%;height:100%;top:0px;left:0px;"><img src="1.jpg" width="100%" height="100%"/></div>
再将网页内容放置到第二层上<div id="content">页面内容</content>
3、网页背景图片默认情况下是重复平铺满整个页面。上面2方法是要求图片不重复,但又得占满浏览器所采用的方法。

与网页设计背景图片不重复代码相关的知识