在CSS里如何 Output 一個圓形?
.circle { width: 100px; height: 100px; border-radius: 50%; }
以上代碼使用了border-radius屬性來輸出一個圓形。具體來說,設置border-radius屬性的值為50%時,就能將一個正方形轉化為圓形。因為這個值會將四個角的邊界都平均地彎曲為圓弧。如果你想要一個更大或更小的圓,只需要設置相應的width和height值。
當然,除了border-radius屬性,CSS也提供了其他的一些方式來輸出圓形。例如使用clip-path屬性或畫圖軟件中的SVG等等。但使用border-radius屬性是最為簡單、直接和常用的方法之一。