div中的图片如何相对于整个页面居中
<html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><linkhre...
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css"/>
<title>CSS盒子模型的应用</title>
</head>
<body>
<div id="picture1"><img src="jobs.jpg" /></div>
</body>
</html>
body
{
margin:0px auto;
border:solid #F6F;
background-color:#063;
}
#picture1 {
width:320px;
height:470px;
text-align:center;
padding-top:5px;
border:solid #F6F;
background-color:#BCBCBC;
} 展开
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css"/>
<title>CSS盒子模型的应用</title>
</head>
<body>
<div id="picture1"><img src="jobs.jpg" /></div>
</body>
</html>
body
{
margin:0px auto;
border:solid #F6F;
background-color:#063;
}
#picture1 {
width:320px;
height:470px;
text-align:center;
padding-top:5px;
border:solid #F6F;
background-color:#BCBCBC;
} 展开
1个回答
推荐于2016-08-02
展开全部
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css"/>
<title>CSS盒子模型的应用</title>
</head>
<body>
<div id="picture1"><img src="jobs.jpg" /></div>
</body>
</html>
body
{
margin:0px auto;
border:solid #F6F;
background-color:#063;
}
#picture1 {
width:320px;
height:470px;
text-align:center;
padding-top:5px;
border:solid #F6F;
background-color:#BCBCBC;
margin:0px auto;//加这句就可以了
}
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css"/>
<title>CSS盒子模型的应用</title>
</head>
<body>
<div id="picture1"><img src="jobs.jpg" /></div>
</body>
</html>
body
{
margin:0px auto;
border:solid #F6F;
background-color:#063;
}
#picture1 {
width:320px;
height:470px;
text-align:center;
padding-top:5px;
border:solid #F6F;
background-color:#BCBCBC;
margin:0px auto;//加这句就可以了
}
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |