为了账号安全,请及时绑定邮箱和手机立即绑定

设置margin怎么没用呢

求大神指点margin怎么没用

我这样写为什么图片间距不显示

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>

<style type="text/css">

img {

margin:20px 40px;

}

</style>


</title>

</head>

<body>

<img src="img/QQ图片20160417202353.jpg" width="100" height="100" />

<img src="img/QQ图片20160417202448.jpg"width="100" height="100" />

</body>

</html>

运行后显示的是:两张图片紧挨着出现在左上角,两张图片间只有大约2毫米的间隙,无论我怎么修改margin的值,位置都不变,怎么回事啊


正在回答

1 回答

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>

/*CSS样式不能写在title标签中,title标签是网页的名称*/

</title>

<style type="text/css">

img {

margin:20px 40px;

}

</style>

</head>

<body>

<img src="img/QQ图片20160417202353.jpg" width="100" height="100" />

<img src="img/QQ图片20160417202448.jpg"width="100" height="100" />

</body>

</html>

/*CSS样式不能写在title标签中,title标签是网页的名称,把样式拿出来就好了*/


3 回复 有任何疑惑可以回复我~
#1

慕粉0928522411 提问者

谢谢,原来是这样,我把style从title里拿出来就对了
2017-02-27 回复 有任何疑惑可以回复我~

<head>

<meta http-equiv="Content-Type" content="text/html,charset=utf-8">

<title></title>

<style>
    img{
        margin:20px 40px;
    }
</style>

</head>

<body>
<img src="http://img1.sycdn.imooc.com//user/545863b500014e4602200220-40-40.jpg" width="100" height="100" />

<img src="http://img1.sycdn.imooc.com//user/545863b500014e4602200220-40-40.jpg" width="100" height="100" />

</body>

</html>

0 回复 有任何疑惑可以回复我~
#1

慕粉0928522411 提问者

谢谢!我不放在title里就对了
2017-02-27 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

设置margin怎么没用呢

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号