CSS3基础：三角形的构造与鼠标样式的修改

最新推荐文章于 2024-07-09 23:44:56 发布

独憩

最新推荐文章于 2024-07-09 23:44:56 发布

阅读量81

点赞数

分类专栏：前端文章标签： css3 前端 css

本文链接：https://blog.csdn.net/qq_54517101/article/details/126238048

版权

前端专栏收录该内容

53 篇文章 5 订阅

订阅专栏

三角形构造

其实很简单，定义一个大小为0的盒子，然后给它加大小不为0的边界就好了

先设置所有的边界为透明，然后单独设置一边边界有颜色就行了:

    .sanjiao{
        /* 下面这几句都写是为了兼容性 */
        width: 0;
        height: 0;
        line-height: 0;
        font: 0;
        /* 。。。。 */
        border: 5px solid transparent;
        border-left-color: pink;
        margin: 100px auto;
    }