在网页设计中怎么让背景图片水平居中

要看清楚哦！1、背景图片2、水平居中，不是垂直居中。3、css，js都可以谢谢咯... 要看清楚哦！
1、背景图片
2、水平居中，不是垂直居中。
3、css，js都可以
谢谢咯展开

 我来答

6个回答

#热议# 什么是淋病？哪些行为会感染淋病？

一动出行
推荐于2017-09-27 · TA获得超过7760个赞

知道小有建树答主

回答量：1206

采纳率：80%

帮助的人：506万

我也去答题访问个人页

关注

展开全部

CSS使网页背景图片居中的三种方法。
1、第一种：用像素设定，很多都用这种，但是也是最麻烦的：
<div style="width:800px;height:600px;background:url(图片地址) no-repeat 250px 270px;border:1px solid #cccccc;"></div>

2、第二种：用50%设定，很方便。
<div style="width:800px;height:600px;background:url(图片地址) no-repeat 50% 50%;border:1px solid #cccccc;"></div>

3、第三种：用center设定（注：第2个center可以省略，因为默认就是center）。
<div style="width:800px;height:600px;background:url(图片地址) no-repeat center center;border:1px solid #cccccc;"></div>

已赞过 已踩过<

评论收起

博思aippt
2024-07-20 广告

作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT... 点击进入详情页

本回答由博思aippt提供

yao14yao14
推荐于2017-09-17 · TA获得超过2612个赞

知道小有建树答主

回答量：959

采纳率：50%

帮助的人：327万

我也去答题访问个人页

关注

展开全部

background-image:url(/images/bg.jpg);  /*背景图片*/
background-repeat:no-repeat;  /*背景图片不重复*/
background-position:center top; /*水平居中，垂直顶对齐*/

本回答被提问者和网友采纳

已赞过已踩过<

你对这个回答的评价是？
评论收起

佛鹤童从凝
2020-03-01 · TA获得超过3802个赞

知道大有可为答主

回答量：3147

采纳率：33%

帮助的人：229万

我也去答题访问个人页

关注

展开全部

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