CSS 做个三角形

目前在山寨百度首页,于是乎就用各种三角,实际上,在前一阵子(考试前)仿照自己博客样式的时候(xsky.me),也曾经折腾过三角形,所以这次来总结(备份)一下。

    height: 0;
    width: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    border-color: #000 transparent transparent transparent;
    border-style: solid dashed dashed dashed;
    border-width: 5px;

在此,border-width决定了三角形的大小,具体发生了什么,可以参考:三种纯CSS实现三角形的方法,里面介绍了三种,而我只是用了其中的一种。

决定了三角形方向的是由border-color定义来的,transparent的一侧为透明。

植入部分

如果您觉得文章不错,可以通过赞助支持我。

如果您不希望打赏,也可以通过关闭广告屏蔽插件的形式帮助网站运作。

标签: 知识, 代码段, 语法

添加新评论