HTML 中的 border-radius 屬性是用來設置圓角的，但是有些情況下我們卻發現無論怎么設置都達不到圓角的效果。這是為什么呢？
首先，我們需要了解 border-radius 屬性可以設置的值。它可以設置一個或四個值，分別對應四個角的圓角半徑。例如：
```html
這里是一個矩形
這里是一個矩形
```
然后，我們需要注意的是，當我們設置圓角半徑時，如果其值超過了矩形的對應邊框長度的一半，那么圓角效果就會失效。
例如：
```html這里是一個矩形
```
上面的代碼中，矩形的寬度和高度是一致的，如果圓角半徑超過了寬度或高度的一半，那么就無法達到圓角的效果。
除了半徑過大外，還有一種情況就是當元素的 display 屬性為 inline 或者 inline-block 時，無法設置圓角。
例如：
```html這里無法設置圓角```
上面的代碼中，由于 span 是一個行內元素，無法設置圓角。我們可以將 display 屬性設置為 block 或者 inline-block，就可以成功設置圓角。
綜上所述，如果我們無法設置圓角，可以檢查以下幾個問題：圓角半徑是否超過了邊框長度的一半、元素的 display 屬性是否為 inline 或者 inline-block 等。
```html```HTML 中的 border-radius 屬性是用來設置圓角的，但是有些情況下我們卻發現無論怎么設置都達不到圓角的效果。這是為什么呢？
首先，我們需要了解 border-radius 屬性可以設置的值。它可以設置一個或四個值，分別對應四個角的圓角半徑。
然后，我們需要注意的是，當我們設置圓角半徑時，如果其值超過了矩形的對應邊框長度的一半，那么圓角效果就會失效。
除了半徑過大外，還有一種情況就是當元素的 display 屬性為 inline 或者 inline-block 時，無法設置圓角。
綜上所述，如果我們無法設置圓角，可以檢查一下問題：圓角半徑是否超過了邊框長度的一半，元素的 display 屬性是否為 inline 或者 inline-block 等。
下一篇mysql沖突