如何在CSS中设置多个图像的样式

时间:2018-09-22 13:20:51

标签: html css

我已经尝试了1个小时,我已经尝试过有关此问题的所有解决方案,

我有一个徽标,我在CSS中将其命名为img,正如您在图片中所看到的,我想在CSS中编辑“ Font Awesome”图像,但它无法正常工作,我尝试过:

CSS:

.second {
float: right;
opacity: 0.5;
}

HTML:

<div class=“second”>
<img src=
"https://www.vectorlogo.zone/
logos/
font-awesome/
font-awesome-card.png">
</div>

我尝试仅将class =“”添加到HTML代码中,但还是没有用,也许那是代码位于.box代码中,如果我必须发布整个代码,我会做的不好,欢呼,希望找到解决方法

https://docs.opencv.org/3.0-beta/doc/py_tutorials/py_feature2d/py_matcher/py_matcher.html

3 个答案:

答案 0 :(得分:0)

<img class="second" src="https://www.vectorlogo.zone/logos/font-awesome/font-awesome-card.png">

CSS:

.second { float: right; opacity: 0.5; }

Fiddle

答案 1 :(得分:0)

我认为您可以使用此

css:

.second img {
    float: right;
    opacity: 0.5;
}

如果这不起作用,请使用ID?

html:

 <div id=“second”>
<img src=
"https://www.vectorlogo.zone/
logos/
font-awesome/
font-awesome-card.png">
</div>

css:

#second img {
    float: right;
    opacity: 0.5;
}

答案 2 :(得分:0)

我用Hamed Basha的HTML解决了这个问题:

<img class="imagelogo" src="https://www.vectorlogo.zone/logos/fontawesome/font-awesome-card.png">

这是CSS:

img {
....
}

img .imagelogo {
....
{

谢谢大家