盒子模型之外边距属性:margin

  • 2017-12-30
  • 194
  • 0
  • 0

对应视频11个.
对应文字教程:http://www.w3school.com.cn/cssref/pr_margin.asp

练习代码:


<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>盒子模型之边缘margin</title>
    <style>
        #cont{
            width:1000px;
            height: 500px;
            background:green;
        }
        div{
            width:400px;
            height: 200px;
            float:left;
        }
        #test1{
            margin:10px 50px 120px ;
            background:red;
        }
        #test2{
            background:yellow
        }
        #test3{
            background:blue;
            width:1000px;
        }

    </style>
</head>
<body>
<div id="cont">1
    <div id="test1">2</div>
    <div id="test2">3</div>
    <div id="test3">4</div>
</div>
</body>
</html>

 

  1. 2016:  360安全卫士大战腾讯 视频歌曲改编(0)
  2. 2016:  斐讯K2 信息收集比想象的更恐怖(0)
  3. 2016:  斐讯K2路由收集用户隐私数据 协议中已经明确(0)
  4. 2016:  斐讯的套路我看不懂了 到底什么原理(套路采摘)(1)
  5. 2016:  收集所有杀人手法,高智商犯罪(2)

评论

偷偷告诉你,这还毛都没有 T T

发表评论