有没有一种方法可以使div的顶部长度与底部，右侧和左侧的长度不同

Question

是红色正方形的形状 我想做的就是改变这个正方形的边长 就像使顶部长于底部，而左短于右 我想我想要的是这样的最大长度：100px; 底长：50px 请帮助

{% block footer %}
<div class="copyright-center">
    <p><small>My Admin {{releaseTag}} Copyright &copy; MyCo</small></p>
</div>
{% endblock %}

div{
  width: 100px;
  height: 100px;
  margin: 100px;
  background-color: red;
}