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

发布网友发布时间：2022-04-06 12:48

我来回答

共4个回答

热心网友时间：2022-04-06 14:18

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

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

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

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

热心网友时间：2022-04-06 15:36

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

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

效果如下

为了区分，在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;

热心网友时间：2022-04-06 17:10

简单的写：
.bg1 {background: url(1.gif) no-repeat right top}
.bg2 {background: url(2.gif) no-repeat right bottom}
这样就搞定了第一个是右上角，第二个是右下角

热心网友时间：2022-04-06 19:02

.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;
}