主页
div {
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    border: 100px solid transparent;
    /* 上三角 */ ▲
    border-bottom-color: pink;
    /* 下三角 */ ▼
    border-top-color: pink;
    /* 左三角 */ ◄
    border-right-color: pink;
    /* 右三角 */ ►
    border-left-color: pink;
}

三角的应用

其他方向的应用同理

CSS

版权属于:Joe
作品采用:本作品采用 知识共享署名-相同方式共享 4.0 国际许可协议 进行许可。
0
查看目录

目录

来自 《CSS-三角的做法》
评论

博主很懒,啥都没有
46 文章数
7 评论量
3 分类数
49 页面数
已在风雨中度过 198天6小时42分