5.3.3 圆角边框

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

说明如下。

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

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

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

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

【例5.14】圆角边框示例。

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

图5-15 圆角边框效果