问答详情
源自：5-1 5. border与三角等图形构建

三角形显示

.trangle{
      border-width: 12px 20px;
      border-style: solid;
      border-color: red red transparent transparent;
 }

<div class="trangle"></div>

显示效果……

http://img.mukewang.com/58c614ac0001988a07980030.jpg

提问者：Hotinly 2017-03-13 11:41

个回答

  • 行道树
    2017-08-17 16:35:19

      border-width: 12px 20px;你这个设置上下和左右的边框宽度都不一样，会出来效果才有鬼腻！

    0
  • 壹贰叁肆伍
    2017-03-13 13:44:57

    width:0px;

    0
  • 壹贰叁肆伍
    2017-03-13 13:42:19

    你要三角形就把宽设为0

    0
  • 壹贰叁肆伍
    2017-03-13 11:52:26

    要实现这个提醒，。就 只能是上边border

    .trangle{
          border-width: 12px 20px;
          border-style: solid;
          border-color: red transparent transparent transparent;
     }


    这样试试看

    0