首页 养生问答 疾病百科 养生资讯 女性养生 男性养生

css如何设置图片居中偏下

发布网友 发布时间:2022-04-19 18:48

我来回答

4个回答

热心网友 时间:2023-09-05 04:30

你需要用到background-position这个属性,用以规定背景图片的位置。让图片居中偏下的代码为:

background-positon:center bottom; 或 background-positon:bottom;


全部的位置代码如下:


background-position: left;  代表背景图横向(X轴)靠左,纵向(Y轴)居中。(9点钟位置)

background-position: right;  代表背景图横向(X轴)靠右,纵向(Y轴)居中。(3点钟位置)

background-position: top;  代表背景图横向(X轴)居中,纵向(Y轴)靠上。(12点钟位置)

background-position: bottom;  代表背景图横向(X轴)居中,纵向(Y轴)靠下。(6点钟位置)

background-position: center;  代表背景图横向(X轴)居中,纵向(Y轴)居中。(绝对居中)

background-position: left top;  代表背景图横向(X轴)靠左,纵向(Y轴)靠上。(10点钟位置)

background-position: left bottom;  代表背景图横向(X轴)靠左,纵向(Y轴)靠下。(7点钟位置)

background-position: right top;  代表背景图横向(X轴)靠右,纵向(Y轴)靠上。(1点钟位置)

background-position: right bottom;  代表背景图横向(X轴)靠右,纵向(Y轴)靠下。(5点钟位置)

热心网友 时间:2023-09-05 04:30

background:.enter bottom no-repeat;前面是url路径
全部的位置代码如下:

background-position: left; 代表背景图横向(X轴)靠左,纵向(Y轴)居中。(9点钟位置)
background-position: right; 代表背景图横向(X轴)靠右,纵向(Y轴)居中。(3点钟位置)
background-position: top; 代表背景图横向(X轴)居中,纵向(Y轴)靠上。(12点钟位置)
background-position: bottom; 代表背景图横向(X轴)居中,纵向(Y轴)靠下。(6点钟位置)
background-position: center; 代表背景图横向(X轴)居中,纵向(Y轴)居中。(绝对居中)
background-position: left top; 代表背景图横向(X轴)靠左,纵向(Y轴)靠上。(10点钟位置)
background-position: left bottom; 代表背景图横向(X轴)靠左,纵向(Y轴)靠下。(7点钟位置)
background-position: right top; 代表背景图横向(X轴)靠右,纵向(Y轴)靠上。(1点钟位置)
background-position: right bottom; 代表背景图横向(X轴)靠右,纵向(Y轴)靠下。(5点钟位置)

热心网友 时间:2023-09-05 04:31

position:absolute;bottom:0px;left:45%;

热心网友 时间:2023-09-05 04:31

background:..............center bottom no-repeat;前面是url路径

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com