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