CSS画圆形，打印结果是个方形

Question

方形div，设置border-radius为50%，变成圆形。

网页打印后，打出来的是方形。

如何打印的结果是圆形？样式该如何写？

Answer 1

设置宽度高度，必须是正方形，之后设置 border-radius: 50%;，就可以了。

 

.box3{

            width: 200px;

            height: 200px;

            background-color: lightseagreen;

            border-radius: 50%;

        }