Html 从图像到单个项目的边框半径

我有一件很简单的事，但我不明白 我怎么能只拍一张照片

在我的文档中，我有更多的图片 &结果是所有图片都是四舍五入的

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

<img src="../Members/<?php echo  $row['post_user_id']?>.jpg" border="none" width="40" height="30"></img>

img{
边界半径：50%；
}
.jpg“border=“none”width=“40”height=“30”>

如果您希望某个特定元素发生特殊情况，则必须使该元素唯一，或使其成为特殊分组/类别的成员。这有多种方法

将类添加到css中，然后将该类添加到元素中

<style>
.special-image {
    border-radius: 50%;
}
</style>

.特别形象{
边界半径：50%；
}

现在，您只将该类添加到该图像中，或者如果您愿意，可以添加其中的两个。css将只应用于包含该css类的元素

<img class="special-image" src="../Members/<?php echo  $row['post_user_id']?>.jpg" border="none" width="40" height="30"></img>

.jpg“border=“none”width=“40”height=“30”>

为特定图像指定一个ID，并将目标锁定在CSS中，而不是你当前所做的所有图像。或者引入一个CSS类“rounded”并将该类添加到该图像中。我不明白如何将其设置为一张图片@Jan Molendijk要一张照片。在这种情况下，内联编写是可以承受的。是的，但是使用类会更灵活。OP是从CSS开始的，以实现这种改变，所以我继续这个概念。顺便说一句，我没有否决你的答案，如果这就是为什么你在评论我