Question

是否可以更改我正在使用的超棒字体图标的透明部分的颜色？

Currently my page looks like this，但是我希望它看起来Like this （为清楚起见，我使用红色）

我读到了一些有关渐变的内容，但这会延伸得太远，并会显示在透明空间之外

Answer 1

您可以使用color属性来更改颜色，但是该属性无法更改图像中的图标。但是，如果您使用这些图标<i class="fas fa-envelope"></i>，<i class="fab fa-linkedin-in"></i>而不是图像中的图标，则可以使用color属性更改颜色

Answer 2

使用以下代码：

HTML和CSS代码

.linkedin-icon{
                color: red;
        }

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ"
    crossorigin="anonymous">
    <title>Document</title>
</head>
<body>
    <span class="fa-stack">
        <i class="linkedin-icon fab fa-linkedin fa-stack-2x"></i>        
    </span>
</body>
</html>

填写Font-awesome图标的透明度

2 个答案: