css - 如何在同一页面上显示圆形和矩形图像

Question

我需要一张不圆 Angular 的矩形图像，并在同一页上将照片圆 Angular 化。

我把它放在我的 bootstrap 4 模板的部分:

<style>
img {
  border-radius: 50%;
}
</style>

照片很好，但新图像 1920px x 20px jpg 变形(即四舍五入)。

有什么建议吗？

谢谢!

Answer 1

你会想要给每张你想要的图片放在一个类(class)里

<img class="round" src="...">

然后在你的CSS中你会

.round {
  border-radius: 50%;
}