12.30 边框理解10-14

最新推荐文章于 2024-01-01 05:11:08 发布

与雪飞

最新推荐文章于 2024-01-01 05:11:08 发布

阅读量201

点赞数

分类专栏：小白

本文链接：https://blog.csdn.net/zxf1009/article/details/78939802

版权

小白专栏收录该内容

6 篇文章 0 订阅

订阅专栏

每天像是赶作业…

检查自己作业的时候发现padding已经给忘了，先发一篇，再滚回去复习… 其实已经学到span了，学着忘着？不不不。哈哈哈哈，其实应该用padding画的… 好的吧，一个效果，以后我再改。其实——说什么border、padding是内框，但是对于height、width来说，都是“多出来”的。

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>x飞surprise</title>
    <style>
        #top {
            background: white;
            width: 0px;
            height: 0px;
            border-bottom: solid 50px green;
            border-top: solid 50px white;
            border-left: solid 50px white;
            border-right: solid 50px white;
            margin-left:100px;
            margin-top:0px;
        }
        #mid {
            background: white;
            width: 0px;
            height: 0px;
            border-bottom: solid 100px green;
            border-top: solid 0px white;
            border-left: solid 100px white;
            border-right: solid 100px white;
            margin-left:50px;
            marigin-top:0px;
        }
        #bot {
            background: white;
            width: 0px;
            height: 0px;
            border-bottom: solid 150px green;
            border-top: solid 0px white;
            border-left: solid 150px white;
            border-right: solid 150px white;
            margin-top:0px;
        }
        #tree {
            background: brown;
            width: 50px;
            height: 100px;
            margin-left:125px
        }
    </style>
</head>
<body>
 <!--解释：-->
    <div id="top"></div>
    <div id="mid"></div>
    <div id="bot"></div>
    <div id="tree"></div>
</body>
    </html>

与雪飞

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
12.30 边框理解10-14

每天像是赶作业…检查自己作业的时候发现padding已经给忘了，先发一篇，再滚回去复习… 其实已经学到span了，学着忘着？不不不。 x飞surprise #top { background: white; width: 0px; height: 0px;
复制链接

扫一扫