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

时间:2019-02-22 11:06:18

标签: html css

我有一些很简单的东西,但是我不明白 我怎样才能将其固定为一张照片?

在我的文档中,我有更多的站立图片 结果就是所有图片都是四舍五入的。

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

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

1 个答案:

答案 0 :(得分:4)

如果您希望某个特定元素发生特殊的事情,则必须使该元素唯一或成为特殊分组/类别的成员。有很多方法可以做到这一点

在您的CSS中添加一个类,然后将该类添加到您的元素中

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

现在,您将类仅添加到该图像,或者如果需要,可以将其中的几个添加。 css仅适用于包含此css类的那些元素。

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