导航:首页 > 万维百科 > 网页设计背景图片平铺repeat

网页设计背景图片平铺repeat

发布时间:2020-12-30 11:34:52

1、DreamWeaver 如何使用CSS设置背景图片为平铺

<input type="hidden" name="action" value="login" />
用户名:
<input type="text" name="username" />
<br>
密码:
<input type="password" name="password" />
<br>
<input type="submit" value="登陆" />

将这段代码改为
<div class="bg">
<input type="hidden" name="action" value="login" />
用户名:
<input type="text" name="username" />
<br>
密码:
<input type="password" name="password" />
<br>
<input type="submit" value="登陆" />

</div>

然后CSS里面这么设置
.bg{ background:url('images/background.jpg') no-repeat; width:1141px; height:407px;}

这样就可以实现您要回的效果啦!希望答对您有帮助!

2、dw中用HTML语言如何将背景图片平铺

看来哥们你学得不是很好啊,你到网上去下个w3school.CHM 这东西保证你喜欢

3、在Dreamweaver里设置图片作为背景如何使图片平铺而不是反复重复?

如果来是页面背景,可以选择属性框自中的 页面属性—外观—背景图像—重复(可选多种重复、不重复、横向重复、纵向重复)具体效果,一试便知。如图:

div+css代码为:

body{ background: #000000 url(file:///C|/Users/lenovo/Desktop/01.png) repeat;}

repeat为重复,repeat-x为横向平铺,repeat-y为纵向平铺,no-repeat为不重复top为背景位置停靠顶部, left为背景位置停靠左, right为背景位置停靠右, bottom为背景位置停靠底部,可以设置顶部再设置左再设置重复这样效果叠加,但是不能既有左又有右这样矛盾的设置。还可以叠加颜色,#00000000;这个是颜色。具体参考RGB颜色代码。

如果是div或者表格,css如第2条所述。HTML代码为:

<div class="back_img">你要制作的内容,背景设置见css</div>

4、怎么使网页中的背景图片平铺~!急

CSS设置背景图片平铺:
<style type="text/css">
<!--
body {
background-image: url(img/top04.jpg);
background-repeat:no-repeat;:repeat;repeat-x;repeat-y;
【在此设置,分别显示背景为,不平铺,平铺,沿X轴平铺,沿Y轴平铺】
}
-->
</style>
解决办法,图片高宽设置合适后,使用background-repeat:no-repeat;

5、这个CSS背景代码,怎么改一下就可以把背景图片平铺呢?

<style
type="text/css">
body
{background:#FFFFFF
url(背景图片地址抄)
repeat
center
0;}
</style>
以上是合并成一条的写法
repeat-x是横向平铺
repeat-y是纵向平铺
repeat就是横向纵向都平铺
如果分开写也可以不写background-repeat:no-repeat;不写怎么铺就是默认横向纵向一起平铺,如:
<style
type="text/css">
body
{background-color:#FFFFFF;background-image:url(背景图片地址);background-position:center
0;}
</style>

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

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(平铺)

7、CSS中如何设拉伸背景图片铺满屏幕

#bg{
margin:0px;
background: url(images/beijing.png) no-repeat;
background-size:100% 100%;
background-attachment:fixed;
}

扩展资料:

url(images/beijing.png)——图片路径的位置;

no-repeat—— 图片不重复;

center 0px——center是距离页版面左边权的定位,0px是距离页面上面的定位;

background-position: center 0——就是图片的定位,同上;

background-size: cover;——把背景图像扩展至足够大,以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中;

min-height: 100vh;——视窗的高度,“视区”所指为浏览器内部的可视区域大小,即window.innerWidth/ window.innerHeight大小。

8、dw中用HTML如何将背景图片平铺?

需要准备的材料分别有:电脑、浏览器、dw编辑器。

1、首先,打开dw编辑器,新建html文件,例如:index.html。

2、在index.html中的<style>标签中,输入css代码:

body {background: url(small.png) no-repeat;background-size:cover;}

3、浏览器运行index.html页面,此时背景图片被设置为平铺在html页面上。

9、【网页设计】Dreamweaver 表格中的背景图像如何不平铺显示?

网页背景图像属性是通过background-repeat样式来控制,你用Dreamweaver的话设置属性很简单,在你要定义的td里打空格,就会出来提示框,再打个s,就会有style,按回车后就会自动写到页面里,同时会出现另一个属性框,你会看到background的所有属性都在里面,先选background(不要选其他的,直接用鼠标点就可以),随后会有另一个属性框,在里面点url,会出来对话框,选择你要用的背景图,就搞定了背景的图的选择,
到此编码效果应该是background:url(file:///E|/xin/专题/海豚/index.gif),在)后面继续打空格,会出现属性框,在里面的属性是对这个背景图操作的所有属性,选择 no-repeat既是背景不重复,最终效果
style=" background:url(file:///E|/xin/专题/海豚/index.gif) no-repeat;"

关于背景控制的其他说明
repeat 默认。背景图像将在垂直方向和水平方向重复。
repeat-x 背景图像将在水平方向重复。
repeat-y 背景图像将在垂直方向重复。
no-repeat 背景图像将仅显示一次。

以上是直接对单元格或表格操作的方法,你也可以用样式表来控制,在table或者td便签里面用class调用样式名,格式为class="样式名"

样式表写法
<style>
.样式名 {background:url(file:///E|/xin/专题/海豚/index.gif) no-repeat;}
</style>
样式名为英文,并且区分大小写

写样式表同样可以用Dreamweaver的提示

另外说明调取样式表有两种形式,一种是class,一种是id,在样式表内写法不同,class读取的样式名前面是“.”,id读取样式表前面是“#”,因为id在页面里为唯一标识,所以建议#类样式不要轻易用,最好全部用“.”

效果如下

#nav {}
<div id="nav">

.nav {}
<div class="nav">

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

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

与网页设计背景图片平铺repeat相关的知识