在 CSS 樣式中設(shè)置字體圓角,通常是通過設(shè)置border-radius屬性來實現(xiàn)的。border-radius屬性可以為任何元素的圓角設(shè)置圓角半徑。
border-radius: 10px;
這里的“10px”是圓角的半徑大小。如果想為每個角單獨設(shè)置圓角半徑,則需要用到border-top-left-radius、border-top-right-radius、border-bottom-right-radius和border-bottom-left-radius屬性。如下所示:
border-top-left-radius: 10px;
border-top-right-radius: 20px;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 40px;
這里的10px、20px、30px和40px分別是每個角的半徑大小。
除了使用像素來設(shè)置圓角半徑,還可以使用百分比、em、rem、pt等單位來設(shè)置。例如:
border-radius: 50%;
這里的“50%”表示圓角的半徑是元素寬度的50%。