CSS-三角的做法

4次阅读
没有评论

共计 217 个字符,预计需要花费 1 分钟才能阅读完成。

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-三角的做法

其他方向的应用同理

正文完
 0
qiaofugui.cn
版权声明:本站原创文章,由 qiaofugui.cn 于2024-05-20发表,共计217字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)
验证码