css-边框原理教程

1. CSS中边框原理

他不是一条直线，根据盒子原理，当边框宽度大于元素的长和宽时，呈现一个梯形和三角形的形状，用如下的代码来实地理解一下边框画法实现的原理

注：学习网址：
CSS画几种图形的方法_css画图_老电影故事的博客-CSDN博客

    
    

    
        .border {
            width: 100px;
            height: 100px;
            margin-top: 100px;
            margin-left: 100px;
            border-top: 50px solid red;
            border-right: 50px solid green;
            border-bottom: 50px solid blue;
            border-left: 50px solid yellow;

        }


        .border_1 {
            width: 50px;
            height: 50px;
            margin-top: 100px;
            margin-left:服务器托管网 100px;
            border-top: 50px solid red;
            border-right: 5服务器托管网0px solid green;
            border-bottom: 50px solid blue;
            border-left: 50px solid yellow;

        }

        .border_2 {
            width: 0px;
            height: 0px;
            margin-top: 100px;
            margin-left: 100px;
            border-top: 50px solid red;
            border-right: 50px solid green;
            border-bottom: 50px solid blue;
            border-left: 50px solid yellow;

        }
    




    

服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net

相关推荐: 如何做架构设计？

也许您对软件设计存在一些疑惑，或者缺乏明确思路，那么本文将非常适合您。 1、设计很重要 我们可以看一下周边的事物，那些好的东西，他们并不会天然存在，都是被设计出来的，因此设计就是创造和改善事物的重要过程。设计的重要之处在于，最初的设计往往决定最终的结果，甚至决…