CSS-三角的做法

38次阅读
没有评论

共计 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协议发布,转载请注明出处。
评论(没有评论)
验证码