如何为特定的div创建CSS样式？

我想为特定图片使用边框半径，我如何在CSS中做到这一点？当我尝试使用边框半径属性时，它会将其应用于该页面上的所有图像，并且当我通过类使用它时，它不起作用。请看这个代码并告诉我。如何为特定的div创建CSS样式？

#radiusimage{ 
 
    border-radius: 25px; 
 
}

<img class="radiusimage" src="https://bestforandroid.com/wp-content/uploads/2016/10/music-apps-1-300x150.png" alt="music-apps" width="300" height="170" />

来源

2016-10-25 Hamza Ahmad

添加其他类 –

'.'是类和''＃是在CSS ID。 –

因为你img标签没有的radiusimage ID尝试使用.上radiusimage不#它指定了一个类。

来源

2016-10-25 04:59:10

你的CSS定义radiusimage作为id和HTML作为一类..

#radiusimage{ 
 
    border-radius: 25px; 
 
}

<img id="radiusimage" src="https://bestforandroid.com/wp-content/uploads/2016/10/music-apps-1-300x150.png" alt="music-apps" width="300" height="170" />

或者，如果您要求我们在类定义的CSS类是这样的：

.radiusimage{ 
 
    border-radius: 25px; 
 
}

<img class="radiusimage" src="https://bestforandroid.com/wp-content/uploads/2016/10/music-apps-1-300x150.png" alt="music-apps" width="300" height="170" />

来源

2016-10-25 05:00:09

当您使用class HTML属性，你需要使用.在CSS

.radiusimage { 
 
    border-radius: 25px; 
 
}

<img class="radiusimage" src="https://bestforandroid.com/wp-content/uploads/2016/10/music-apps-1-300x150.png" alt="music-apps" width="300" height="170" />

如果你想使用CSS #，那么你的HTML属性更改为id

#radiusimage { 
 
    border-radius: 25px; 
 
}

<img id="radiusimage" src="https://bestforandroid.com/wp-content/uploads/2016/10/music-apps-1-300x150.png" alt="music-apps" width="300" height="170" />

来源

2016-10-25 05:00:16 Thamilan

谢谢，我尝试过，当时没有任何帮助。 –

看起来你在(.)类

的地方使用ID (#)这里是解决 https://jsfiddle.net/itsselvam/f1j4y8gr/

来源

2016-10-25 05:03:32 Selvam

如果要将此应用到多个图像，那么你应该使用一个类，但添加它作为另一类，如果需要并记住您的唯一ID

so img id =“apple”class =“green borderradius” 将看起来不同于img id = “苹果” 级= “绿色” 例如

见fiddle或摘录

.green { 
 
    background-color: green; 
 
} 
 

 
.yellow { 
 
    background-color: yellow 
 
} 
 

 
.radius { 
 
    border-radius: 25px; 
 
} 
 

 
img { 
 
    background-size: 50px 50px; 
 
    background-repeat: no-repeat; 
 
}

<img id ="apple" class="yellow radius" src="http://www.hudsonproduce.com/images/fruitimages/apples-fuji.png"> 
 

 
<img id="apple1" class="green radius" src="http://www.hudsonproduce.com/images/fruitimages/apples-fuji.png"> 
 

 
<img id ="apple2" class="green" src="http://www.hudsonproduce.com/images/fruitimages/apples-fuji.png">

来源

2016-10-25 05:03:38

如何为特定的div创建CSS样式？

回答

相关问题