打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
图片居中问题
在做网页的时候,要求网页的头部是一个图片, 采用的办法是给<html>的<body>固定的宽度,然后设置一个<div>标签,div标签的背景图片为美工所给的图片,可是设置好所有属性之后图片总是靠左显示,右边留有一定的空白区域。
解决这个问题,在<style>中定义< body> 样式的时候margin属性加上一个auto即可解决。代码如下:
<html>
<head>
<style>
body
{
margin: 0px auto;
padding: 0px;
width:1280px;
text-align: center;
}
#head1
{
background-image: url(images/head.jpg);
width:1280px;
height: 407px;
margin: 0px ;
padding: 0px;
}
</style>
</head>
<body>
<div id="head1"></div>
</body>
</html>
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
4. ie中双边距的bug(亲测)
如何在html中设置网页背景颜色
CSS定位和DIV布局
css:hover状态改变另一个元素样式的使用
CSS margin属性详解
CSS盒子居中的几种方法
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服