用CSS制做一个三角形！

用CSS制做一个三角形！

    <style>
        .outer {
            width: 0;
            height: 0;
         border-left: 10px solid transparent;
         border-right: 10px solid #ccc;
         border-top: 10px solid transparent;
         border-bottom: 10px solid #ccc;
        }
    </style>
</head>

<body>
    <div class="outer"></div>
</body>

简单写法

    <style>
        .outer {
            width: 0;
            height: 0;
            border: 50px solid transparent;
            border-top-color: pink;
        }
    </style>
</head>

<body>
    <div class="outer"></div>
</body>

posted @ 2020-12-09 15:20  lvhanghmm  阅读(77)  评论(0)    收藏  举报