学习微信小程序之css11内外边距集合

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .box{
            width: 400px;
            height: 600px;
            background-color: #b3d4fc;
        }
        .box strong{
            /*对于行内元素来说,上下的内外边距不支持设置,设置了也不起作用,但是左右会起作用*/
         margin-top: 200px;
            margin-bottom:200px ;
            margin-left: 50px;
            margin-right: 100px;
            padding: 500px 60px;
        }

    </style>
</head>
<body>
<div class="box">
    <span>我种下一颗种子,终于长出了果实,今天是个伟大日子</span>
    <strong>摘下星星送给你,拽下月亮送给你,让太阳每天为你升起</strong>
    <span>变成蜡烛燃烧自己,只为照亮你,把我一切都献给你,只要你欢喜</span>
    <span>你让我每个明天都 变得有意义,生命虽短爱你永远,不离不弃</span>
    <span>你是我的小呀小苹果儿 怎么爱你都不嫌多</span>
    <span>红红的小脸儿温暖我的心窝 点亮我生命的火 火火火火</span>
    <span>你是我的小呀小苹果儿 就像天边最美的云朵</span>
    <span>春天又来到了花开满山坡 种下希望就会收获</span>
</div>
</body>
</html>

posted @ 2017-01-06 17:06  hanyongwei  阅读(1082)  评论(0编辑  收藏  举报