5.3.3 圆角边框

在Bootstrap中给元素添加.rounded类来实现圆角边框效果，也可以指定某一边的圆角边框。圆角边框样式代码如下：

说明如下。

■ .rounded-top：设置元素左上和右上的圆角边框。

■ .rounded-bottom：设置元素左下和右下的圆角边框。

■ .rounded-left：设置元素左上和左下的圆角边框。

■ .rounded-right：设置元素右上和右下的圆角边框。

【例5.14】圆角边框示例。

在IE 11浏览器中运行结果如图5-15所示。

图5-15 圆角边框效果