设置margin怎么没用呢

源自：12-9 画个圈圈 - 使用border为盒子添加边框（一）

设置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的值，位置都不变，怎么回事啊

提问者：慕粉0928522411 2017-02-27 11:16

个回答

qq_随它去吧_0

2017-02-27 11:42:35

已采纳

<!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
慕粉3803895

2017-02-27 11:53:54

<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://img.mukewang.com/user/545863b500014e4602200220-40-40.jpg" width="100" height="100" />

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

</body>

</html>

0