在CSS中,畫橢圓有許多不同的方法。以下是其中一些最常用的方法,可以幫助您快速繪制橢圓形形狀。
/*方法一:使用 border-radius*/ .oval{ width: 200px; height: 80px; border-radius: 100px / 40px; background-color: #ccc; } /*方法二:使用 transform*/ .oval{ width: 200px; height: 80px; background-color: #ccc; transform: scale(1, 0.5); } /*方法三:使用偽元素*/ .oval{ position: relative; width: 200px; height: 80px; background-color: #ccc; } .oval::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50% / 40%; background-color: #ccc; }
以上三種方法都會產生橢圓形狀,但根據具體情況您可能更傾向于某種方法。嘗試使用不同的方法繪制橢圓形狀,并找到最適合您的情況的方法!