url 中的真棒字体而不是图像
Awesome font instead of image in url
嗯,我有这种url
<a href="#" onclick='window.open("https://www.facebook.com/DavarashviliClinic/");return false;'>
<img src="http://ddc.websitedesign.ge/wp-content/uploads/2016/04/f.png" alt="Facebook" />
</a>
并想用很棒的字体图标代码更改 facebook png 图像
<i class="fa fa-facebook"></i>
如何在顶部蓝色中执行此操作 header my site ?!
只需将 img
替换为 i
并指定所需的 Font Awesome class。
您可以通过添加 style="color:white;"
或使用 CSS 选择器
来更改颜色
a i{
color: white
}
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css" rel="stylesheet" />
<a href="#" onclick='window.open("https://www.facebook.com/DavarashviliClinic/");return false;'>
<i class="fa fa-facebook" style="color:white;"></i>
</a>
嗯,我有这种url
<a href="#" onclick='window.open("https://www.facebook.com/DavarashviliClinic/");return false;'>
<img src="http://ddc.websitedesign.ge/wp-content/uploads/2016/04/f.png" alt="Facebook" />
</a>
并想用很棒的字体图标代码更改 facebook png 图像
<i class="fa fa-facebook"></i>
如何在顶部蓝色中执行此操作 header my site ?!
只需将 img
替换为 i
并指定所需的 Font Awesome class。
您可以通过添加 style="color:white;"
或使用 CSS 选择器
a i{
color: white
}
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css" rel="stylesheet" />
<a href="#" onclick='window.open("https://www.facebook.com/DavarashviliClinic/");return false;'>
<i class="fa fa-facebook" style="color:white;"></i>
</a>