【网页设计】Dreamweaver 表格中的背景图像如何不平铺显示?
3个回答
展开全部
网页背景图像属性是通过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">
到此编码效果应该是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">
博思aippt
2024-07-20 广告
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员,对于Word文档生成PPT的操作,我们有以下建议:1. 使用另存为功能:在Word中编辑完文档后,点击文件->另存为,选择PowerPoint演示文稿(*.pptx)格式,即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
展开全部
设置隐早盒子属性:
<body background="abc.gif",style="background-repeat:no">余携枯
或者:竖洞在head标签之间加入
<style>
body
{
background-image:url('list-orange.png');
background-repeat:no-repeat;
}
</style>
<body background="abc.gif",style="background-repeat:no">余携枯
或者:竖洞在head标签之间加入
<style>
body
{
background-image:url('list-orange.png');
background-repeat:no-repeat;
}
</style>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
不要重复,背景图片
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询