css is awesome

如何用 CSS 画一个三角形。

header{
    position:absolute;
    top:0
    left:0;
    width:0;
    height:0;
    border-width:10em;
    border-style:solid;
    border-color:#2A2A27transparenttransparent#2A2A27;
}

其实从 CSS 盒子模型来看,可能大家都知道,但是大家不知道当里面 Content 变成 0 的时候会发生的事情。

image.png

当上面的方块逐渐缩小,你就能画三角形了。

image.png

暂无评论