Skip to content

Latest commit

 

History

History
28 lines (24 loc) · 560 Bytes

CSS画一个三角形.md

File metadata and controls

28 lines (24 loc) · 560 Bytes

其他边框都设置为透明，然后将目标方向的border进行设置

<head>
    <style>
        .triangle{
            border: 10px solid transparent;
            border-left: 10px solid lightblue;
        }
    </style>
</head>
<body>
    <div class="triangle"></div>
</body>

公平处理原则，重叠部分对半划分

.triangle{
    width: 10px;
    border-left: 10px solid lightblue;
    border-right: 10px solid lightcoral;
    border-top: 10px solid lightgoldenrodyellow;
    border-bottom: 10px solid lightseagreen;
}