时间戳

首页 > 解决方案 > Line Icon whatsapp icon CSS样式

html - Line Icon whatsapp icon CSS样式

问题描述

我想要的是让它看起来像一个出现在 Android 手机中的 Whatsapp 图标，即没有方形黑色背景。如何做到这一点？

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

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

标签： htmlcss

解决方案

我不完全理解您要做什么，请详细说明

但是你可以试试这个：

<!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>

推荐阅读