用CSS製作一個三角形！

時間 2020-12-09

標籤 css spa code blog class top img loading 欄目 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>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。