三角形显示
来源：5-1 5. border与三角等图形构建
Hotinly
2017-03-13 11:41
.trangle{
border-width: 12px 20px;
border-style: solid;
border-color: red red transparent transparent;
}
<div class="trangle"></div>
显示效果……
写回答
关注
4回答
-
- 行道树
- 2017-08-17 16:35:19
border-width: 12px 20px;你这个设置上下和左右的边框宽度都不一样，会出来效果才有鬼腻！
-
- 壹贰叁肆伍
- 2017-03-13 13:44:57
width:0px;
-
- 壹贰叁肆伍
- 2017-03-13 13:42:19
你要三角形就把宽设为0
-
- 壹贰叁肆伍
- 2017-03-13 11:52:26
要实现这个提醒，。就 只能是上边border
.trangle{
border-width: 12px 20px;
border-style: solid;
border-color: red transparent transparent transparent;
}这样试试看
CSS深入理解之border
深入讲解border使用方法及应用，以及如何借助border完成布局
56800 学习 · 73 问题
相似问题