求视频:css background-position 用法 视频
发布网友
发布时间：2022-04-24 09:19
共1个回答
热心网友
时间：2022-04-06 13:46
css代码：
.aaa{
width:100px;//宽
height:200px;//高
background:red (images/123.jpg);//你的背景图，定义个红色背景方便你看效果
background-repeat:no-repeat;//背景图是否重复，这里是不重复
background-position:10px 50px;//背景图在容器中的位置距离左边10px距离顶部边50px
}
上面css可以简写成：
.aaa{
width:100px;//宽
height:200px;//高
background:red(xxx.jpg) no-repeat 10px 50px;
}
html代码:
<p class="aaa">测试</p>
background-position后面除了写背景图位移的距离以外也可以直接写：
background-position:right bottom;//背景图对齐容器右边，和底部
background-position:right top;//背景图对齐容器右边，和顶部
background-position:left top;//背景图对齐容器左边，和顶部
background-position:left bottom;//背景图对齐容器左边和底部
