css 如何把两个图片(背景)分别过定在右上角和右下角

我有两张图片,想用来做背景,想的上一张放在右上角,另一张固定在右下角产生水印效果..如何实现..我是新手...多指教!... 我有两张图片,想用来做背景,想的上一张放在右上角,另一张固定在右下角产生水印效果..如何实现..我是新手...多指教! 展开
 我来答
幻翼高达Zero
2019-07-11 · TA获得超过1.7万个赞
知道答主
回答量:499
采纳率:0%
帮助的人:7.3万
展开全部

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

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

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

<img style="position: absolute;right: 0;top:0;" src="small2.png" />

<img style="position: absolute;right: 0;bottom:0;" src="small3.png" />

3、浏览器运行index.html页面,此时一张图片被固定右上角,另一张图片被固定右下角。

杜飞珍94
推荐于2016-07-04 · TA获得超过3246个赞
知道大有可为答主
回答量:2353
采纳率:75%
帮助的人:548万
展开全部

把图片(背景)定在右上角css样式如下:

<div style="background:url(160840259.jpg) no-repeat right top;width:1000px;height:280px;border:1px #333 solid;"></div>

把图片(背景)定在右下角css样式如下:

<div style="background: url(160840259.jpg) no-repeat right bottom;width:1000px;height:280px;border:1px #333 solid;"></div>

效果如下

为了区分,在div层中设置了边框颜色。

起决定作用的代码是:

background:url(160840259.jpg) no-repeat right top;

如果要靠左上代码如下:

background:url(160840259.jpg) no-repeat left top;

如果要靠左下代码如下:

background:url(160840259.jpg) no-repeat left bottom;
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友df244040f
推荐于2016-04-13 · TA获得超过234个赞
知道小有建树答主
回答量:138
采纳率:0%
帮助的人:190万
展开全部
简单的写:
.bg1 {background: url(1.gif) no-repeat right top}
.bg2 {background: url(2.gif) no-repeat right bottom}
这样就搞定了第一个是右上角,第二个是右下角
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
听这冷冷的雨
2008-04-28 · TA获得超过102个赞
知道小有建树答主
回答量:28
采纳率:0%
帮助的人:0
展开全部
.bg1 {
background-attachment: fixed;
background-image: url(1.gif);
background-repeat: no-repeat;
background-position: right top;
}
.bg2 {
background-attachment: fixed;
background-image: url(2.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式