【网页设计】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">
到此编码效果应该是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 广告
作为深圳市博思云创科技有限公司的工作人员，对于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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
不要重复，背景图片
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
