CSS怎么样让背景图片水平（垂直）居中
6个回答
展开全部
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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
:no-repeat为背景图不重复，最好是满足1280宽度的分辨率下位满屏，图片可以宽度为1280像素，第一个center为水平居中，第二个center为垂直居中，第二个center换成top也就是顶部显示背景图。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
ps？cs？css？
移动工具的选项栏有居中按钮，要两个图层选择才能启用。
移动工具的选项栏有居中按钮，要两个图层选择才能启用。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
background: url(../images/1.png) no-repeat center center;
background-size: contain;
background-size: contain;
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
