在html代码中怎么让背景图片居中
5个回答
展开全部
直接用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 表示图片与浏览器的底边和左边对齐
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 表示图片与浏览器的底边和左边对齐
展开全部
在背景所在的表格或者DIV中,设置样式:style="background-image:图片地址; background-position:center; background-repeat:no-repeat;"
搞定!
祝你成功,望采纳!
搞定!
祝你成功,望采纳!
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
水平居中, 垂直居中
很简单,background:url('') no-repeat center center;
很简单,background:url('') no-repeat center center;
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
可以给body加上如下样式
background: #000 url(01.jpg) no-repeat center;
你可以查看一下W3Cschool网站,上面的HTML栏目下可以找到相关的参数
background: #000 url(01.jpg) no-repeat center;
你可以查看一下W3Cschool网站,上面的HTML栏目下可以找到相关的参数
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
在样式中加上background-position: center top;
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询