在CSS中,使用
標簽可以創建各種形狀的元素,包括圓形。下面介紹兩種使用
創建圓形的方法。
.method1{ width: 100px; height: 100px; background: red; border-radius: 50%; }
方法1:使用border-radius屬性。將border-radius屬性設置為50%,可以使
呈現出圓形。同時,設置
的width和height屬性,以控制圓的大小。
.method2 { width: 100px; height: 100px; background: red; border-radius: 50%; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 24px; color: white; font-weight: bold; }
方法2:使用Flexbox。在設置border-radius屬性的同時,將Flexbox屬性應用于
,可以使其呈現為一個居中的圓形。可以使用justify-content和align-items屬性來居中,使用text-align屬性來水平居中