搜外网>搜外问答>问答页面

网站背景图片怎么居中,css用哪个样式? 悬赏3元 已结束

背景图片怎么居中,css用哪个样式比较好?

追加问题
    9 人参与回答
原单机芯名表
原单机芯名 · 10年名表1:1经验,低价原单机芯全款式名表1:1浪琴天梭卡地亚全国包邮加微信:DWbiao88
上海睿仰钢结构 等 1 人赞同该回答

background:url(图片地址) no-repeat center top

___ Alone丶
___ A · SEO最高境界——佛系SEO!

楼上几种方法都可以试试!

萌面大叔
萌面大叔 · 无线投屏

背景图片干嘛想做居中  直接铺满不行吗?

楼上们说的很好,厉害

一楼说的对

行星减速机
行星减速机 · 行星减速机品牌厂家

学习下

开发公司
开发公司 · 环创传媒是一家集企业网站建设和推广、品牌设计、微信小程序开发,影视后期,在线智能平台等于一体的传媒公司。

自己做网站优化吗 很厉害

崔家大院
崔家大院 · 网站诊断、建站、快速排名

background:url(图片地址) no-repeat center top   这个就可以 但还需要看你的图片大小

推推蛙
推推蛙 · 擅长SEOSEM爱采购诊断、方案编写、优化运维。微信:tuituiwaseo

你是自己写代码么?以下供你参考

CSS背景图居中

横向居中:

background:url(图片地址) no-repeat center top

纵向居中:

background:url(图片地址) no-repeat left 50%

这里50%是随意设置考上为50%距离,细节具体上下垂直居中需要再通过百分比均衡设置。

==================

网页背景居中的方法有很多种的。这里介绍一些用CSS让背景图片居中的方法。

让背景图片居中的第一个方法是用像素设定,很多都用这种,但是也是最麻烦的:

<div style="width:800px;height:600px;background:url(../images/logo.jpg) no-repeat 250px 270px;border:1px solid #cccccc;"></div>

第二种居中方法:用50%设定,很方便:

<div style="width:800px;height:600px;background:url(../images/logo.jpg) no-repeat 50% 50%;border:1px solid #cccccc;"></div>

第三种:用center设定(第2个center可以省略)

<STYLE TYPE="text/css">

<!--

BODY {background-image: URL(../images/logo.jpg);

background-position: center;

background-repeat: no-repeat;

background-attachment: fixed;}

-->

</STYLE>

SEO培训招生中
189