Html 线条图标whatsapp图标CSS样式

Html 线条图标whatsapp图标CSS样式,html,css,Html,Css,我想要的是让它看起来像一个Whatsapp图标,出现在Android手机上,也就是说没有正方形的黑色背景。如何做到这一点 我有一个whatsapp的线条图标使用它的给我白色背景的whatsapp图标现在我想用CSS将其背景颜色更改为黑色 如果我改变背景颜色,它的形状会变成正方形 我不完全明白您想做什么,请详细说明 但你可以试试这个: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"

我想要的是让它看起来像一个Whatsapp图标,出现在Android手机上,也就是说没有正方形的黑色背景。如何做到这一点

我有一个whatsapp的线条图标使用它的给我白色背景的whatsapp图标现在我想用CSS将其背景颜色更改为黑色


如果我改变背景颜色,它的形状会变成正方形

我不完全明白您想做什么,请详细说明

但你可以试试这个:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Change Image on Hover in CSS</title>
<style>
    .card {
        width: 130px;
        height: 195px;
        background: url("black image link") no-repeat;
        display: inline-block;
    }
    .card:hover {
        background: url("white image link") no-repeat;
    }
</style>
</head>
<body>
    <div class="card"></div>
</body>
</html>

更改CSS中悬停时的图像
.卡片{
宽度:130px;
高度:195px;
背景:url(“黑色图像链接”)不重复;
显示:内联块;
}
.卡:悬停{
背景:url(“白色图像链接”)不重复;
}

Hi Ravi,欢迎来到SO。请提供更多关于这个问题的背景。这将有助于你提问嗨,艾森海姆,我有一个whatsapp的线条图标使用它给我白色背景的whatsapp图标现在我想用css将他的背景颜色更改为黑色。请你的回答添加一些解释。在这种情况下不要使用注释。您使用的是哪个图标库?Mosh Feu我使用的是varient-icons.min.cs她实际上正在尝试制作whatsapp图标,并希望更改图标的背景色。这就是我所做的,它会更改图片