css实现正方形

2019-04-13  本文已影响0人  撑船的摆渡人

怎么实现一个正方形,它的宽是屏幕的20%

 <style>
*{margin:0;padding:0;}
.demo1{width:20%;background: red; padding-top: 20%;}
.demo2{width: 20%;height:20vw;background: blue;}
</style>
<div class="demo1"></div>
<div class="demo2"></div>
上一篇下一篇

猜你喜欢

热点阅读