在html代码中怎么让背景图片居中

在html代码中怎么让背景图片居中,第1张

直接用no-repeat就可以了

body{background:url(http//:图片位置) 参数} /*可识别的图片格式为jpg、gif、bmp等*/

主要参数:

repeat :背景图像在纵向和横向上平铺

no-repeat:背景图像不平铺

repeat-x :背景图像在横向上平铺

repeat-y :背景图像在纵向平铺

实例

background: #0066cc url(图片) no-repeat fixed center

top right 表示图片与浏览器的顶边和右边对齐

bottom left 表示图片与浏览器的底边和左边对齐

首先 设置背景图片的大小

然后通过设置居中 margin:10% 10% 10% 10%;

margin:上右下左即为到上右下左的距离。

无明确数值 可使用auto代替


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/7636804.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-08
下一篇2023-04-08

发表评论

登录后才能评论

评论列表(0条)

    保存