css背景图片我的图片时横的，怎么叫他竖起来？

发布网友发布时间：2022-04-20 09:01

共5个回答

热心网友时间：2023-11-09 23:03

CSS中定位背景图片的属性是：background-position，用法background-position 属性设置背景图像的起始位置。
你要水平居中可以：
div{background-position:center center}//第一个center是水平居中，第二个center是上下居中

CSS（层叠样式表）级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

热心网友时间：2023-11-09 23:04

1.使用css的background-position属性设置背景的位置，下面是demo实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body class="bodybg">
<h2>针对当前div层背景居中</h2>
<h3>ps:背景图片是需要高度和内容撑开的。没有高度没有内容，背景图片是无法显示的</h3>
<div class="bgImg">
</div>
</body>
<style type="text/css">
.bgImg{
background: url(images/2.png) center no-repeat; /* 这个是简写,可以分开写 */
/* background-position: center center; */
/* background-image: url(images/2.png); */
/* background-repeat: no-repeat; */
width: 200px;
height: 200px;
border: 1px solid #000000;
}
.bodybg{

background: url(images/2-1.png) center no-repeat;
height: 100vh;/* 一屏高度的表示*/
}
</style>
</html>

热心网友时间：2023-11-09 23:04

:no-repeat为背景图不重复，最好是满足1280宽度的分辨率下位满屏，图片可以宽度为1280像素，第一个center为水平居中，第二个center为垂直居中，第二个center换成top也就是顶部显示背景图。

热心网友时间：2023-11-09 23:05

ps？cs？css？
移动工具的选项栏有居中按钮，要两个图层选择才能启用。

热心网友时间：2023-11-09 23:05

background: url(../images/1.png) no-repeat center center;
background-size: contain;

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