jQuery Mobile 是一款優秀的跨平臺移動應用框架，它提供了很多易于使用的UI組件和操作DOM的方法，比如常用的圓角效果。下面我們來具體了解一下如何使用 jQuery Mobile 實現圓角。

// 圓角
.ui-corner-all {
border-radius: .3125em;
}
// 左上角圓角
.ui-corner-tl {
border-top-left-radius: .3125em;
}
// 右上角圓角
.ui-corner-tr {
border-top-right-radius: .3125em;
}
// 左下角圓角
.ui-corner-bl {
border-bottom-left-radius: .3125em;
}
// 右下角圓角
.ui-corner-br {
border-bottom-right-radius: .3125em;
}

以上代碼中，我們定義了幾個基本的圓角類，包括ui-corner-all（所有角都為圓角）、ui-corner-tl（左上角圓角）、ui-corner-tr（右上角圓角）、ui-corner-bl（左下角圓角）以及ui-corner-br（右下角圓角）。

順便提一下，jQuery Mobile 還提供了一些特殊的圓角效果，如ui-btn-corner-all（按鈕全部為圓角）、ui-btn-corner-tl（按鈕上方圓角）、ui-btn-corner-tr（按鈕右側圓角）、ui-btn-corner-bl（按鈕下方圓角）以及ui-btn-corner-br（按鈕左側圓角）等。

最后，值得注意的是，上述代碼只會在支持圓角的瀏覽器中有效，例如 Android 4.0、iOS 3.x+ 和 IE9+ 等高版本瀏覽器效果最佳。在低版本瀏覽器中可能會出現邊框失效或不支持圓角的情況，因此我們建議在使用圓角時考慮瀏覽器兼容性問題。