使用css画一个矩形?

图片描述

一开始这样写,一片混乱...

    border-top: 100% solid #eed37a;
    border-left: 2rem solid #eed37a;
    border-right: 2rem solid #000;
    border-bottom: 100% solid #fff;

然后,还是不行,无法设置高度。

    width: 0;
    height: 0;
    border: 32rem solid;
    border-top: 0;
    border-color: #eed37a #000 #fff #eed37a;

怎样使border支持百分比,通过css实现这个矩形?

阅读 5.7k
评论
    6 个回答
    • 492

    你想问的是通过border生成矩形吧。
    width:0;
    height:0;
    overflow:hidden;
    font-size:0;
    display:inline-block;
    border-width:20px 100px 20px 100px;
    border-color:black red blue yellow;
    border-style:solid solid solid solid;

      相似问题
      推荐文章