【网页设计】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">
温馨提示:答案为网友推荐,仅供参考
第1个回答  2008-11-21
设置盒子属性:
<body background="abc.gif",style="background-repeat:no">

或者:在head标签之间加入
<style>
body
{
background-image:url('list-orange.png');
background-repeat:no-repeat;
}
</style>
第2个回答  2008-11-22
不要重复,背景图片