Bootstrap 图像只有一个圆角答案

【问题标题】：Bootstrap image with only one corner roundedBootstrap 图像只有一个圆角
【发布时间】：2015-08-20 14:13:15
【问题描述】：

是否可以使用 bootstratp 只制作一个圆角？

例如：

img src="cinqueterre.jpg" class="img-rounded" alt="Cinque Terre" 宽度=“304”高度=“236”

我正在尝试绕过右上角。

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

jQuery('#flow').corner("TR 15px");

感谢您的阅读。

【问题讨论】：

【解决方案1】：

试试这个。

HTML

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

CSS

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

【讨论】：

【解决方案2】：

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

【讨论】：