DW网页设计如何设置背景图片问题 5

DW设计怎么设计三张背景图片,就像腾讯微博VIP装扮那样上面一个背景顶着上面下面一个背景顶着下面中间一个背景平铺还有网上好多网站都是这样怎么弄的?求解... DW设计怎么设计三张背景图片,就像腾讯微博VIP装扮那样

上面一个背景 顶着上面
下面一个背景 顶着下面
中间一个背景 平铺
还有网上好多网站都是这样
怎么弄的?
求解
展开
 我来答
盛洲0h4
2015-10-01 · TA获得超过178个赞
知道答主
回答量:199
采纳率:0%
帮助的人:19.8万
展开全部
要把图像放入背景,需要使用 background-image 属性。background-image 属性的默认值是 none,表示背景上没有放置任何图像。

如果需要设置一个背景图像,必须为这个属性设置一个 URL 值:
body {background-image: url(/i/eg_bg_04.gif);}

大多数背景都应用到 body 元素,不过并不仅限于此。

下面例子为一个段落应用了一个背景,而不会对文档的其他部分应用背景:
p.flower {background-image: url(/i/eg_bg_03.gif);}

您甚至可以为行内元素设置背景图像,下面的例子为一个链接设置了背景图像:
a.radio {background-image: url(/i/eg_bg_07.gif);}

理论上讲,甚至可以向 textareas 和 select 等替换元素的背景应用图像,不过并不是所有用户代理都能很好地处理这种情况。

另外还要补充一点,background-image 也不能继承。事实上,所有背景属性都不能继承。

背景重复

如果需要在页面上对背景图像进行平铺,可以使用 background-repeat 属性。

属性值 repeat 导致图像在水平垂直方向上都平铺,就像以往背景图像的通常做法一样。repeat-x 和 repeat-y 分别导致图像只在水平或垂直方向上重复,no-repeat 则不允许图像在任何方向上平铺。

默认地,背景图像将从一个元素的左上角开始。请看下面的例子:

body
{
background-image: url(/i/eg_bg_03.gif);
background-repeat: repeat-y;
}
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员,对于Word文档生成PPT的操作,我们有以下建议:1. 使用另存为功能:在Word中编辑完文档后,点击文件->另存为,选择PowerPoint演示文稿(*.pptx)格式,即可将文档内容转换为PPT... 点击进入详情页
本回答由博思aippt提供
作业吧zuoye8
2014-04-18 · TA获得超过168个赞
知道小有建树答主
回答量:280
采纳率:83%
帮助的人:95.3万
展开全部
你可以弄个三行的的表格啊,宽设成百分之百,然后最顶上那个表格用上面的背景,最底下的表格用下面的背景中间就用你说的平铺的背景,这样就满足了
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
cs8023gl
2014-04-17 · TA获得超过249个赞
知道答主
回答量:206
采纳率:0%
帮助的人:130万
展开全部
用层就行了,先放一张图片一个层,然后添加鼠标经过图片可以换,同时设置鼠标点击可以换,这样一个平面就有三张图
追问

http://bbjx.changyou.com/
这个是网游  步步惊心的官方网站

它的背景上下是固定的

中间这个背景

是平铺的

这样你网页内容在多,整体背景也不会乱 
咋弄的。

不知道你听懂了没???

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
恒优态
推荐于2018-03-28 · TA获得超过1500个赞
知道大有可为答主
回答量:1693
采纳率:0%
帮助的人:651万
展开全部
通过样式CSS 设置,例如: <div style="background:URL背景图片">图片</div>
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友15c0d93c
2014-04-17 · TA获得超过183个赞
知道小有建树答主
回答量:668
采纳率:76%
帮助的人:122万
展开全部
来个实例看看呗
更多追问追答
追问

http://bbjx.changyou.com/
这个是网游  步步惊心的官方网站

它的背景上下是固定的

中间这个背景

是平铺的


这样你网页内容在多,整体背景也不会乱 
咋弄的。

不知道你听懂了没???

追答
你这个例子不大明显,哈哈,其实你可以把背景固定啊,也不需要多多大,那样不管内容多长,背景永远那么大
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式