Bootstrap图像只有一个圆角

时间:2015-08-20 14:13:15

标签: twitter-bootstrap twitter-bootstrap-3

是否可以只使用bootstratp使一个角落圆角?

例如:

  

img src =“cinqueterre.jpg”class =“img-rounded”alt =“Cinque Terre”   width =“304”height =“236”

我正试图绕过右上角。

这似乎可以用Jquery,但我想知道是否有更简单的方法。

  

jQuery('#flow')。corner(“TR 15px”);

感谢您的阅读。

2 个答案:

答案 0 :(得分:2)

试试这个。

<强> HTML

<img id="doge" src="https://pbs.twimg.com/profile_images/378800000822867536/3f5a00acf72df93528b6bb7cd0a4fd0c.jpeg">

<强> CSS

#doge{
    width:250px;
    border-top-right-radius: 15px;
}

DEMO

答案 1 :(得分:0)

使用此CSS样式border-top-right-radius: 15px