制作自己的图标并添加超链接

时间:2016-06-21 14:44:48

标签: javascript html css

我想通过单击Icon打开超链接,但我想使用我自己的图像(jpg / png / svg)作为Icon。

这是演示代码。我是否必须制作svg文件并在以下给定的网站上传并使用这些图标。

<!DOCTYPE html>
    <html>
    <head>
    <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
    </head>
    <body>

    <i class="fa fa-cloud"></i>
    <i class="fa fa-heart"></i>
    <i class="fa fa-car"></i>
    <i class="fa fa-file"></i>
    <i class="fa fa-bars"></i>

    </body>
    </html>

1 个答案:

答案 0 :(得分:0)

这允许可点击的图标

<a href="your link here"> <i class="fa fa-dribbble fa-4x"></i></a>
<a href="your link here"> <i class="fa fa-behance-square fa-4x"></i></a>
<a href="your link here"> <i class="fa fa-linkedin-square fa-4x"></i></a>
<a href="your link here"> <i class="fa fa-twitter-square fa-4x"></i></a>
<a href="your link here"> <i class="fa fa-facebook-square fa-4x"></i></a>

这允许您的自定义图像(png preffred)作为您的图标

<a href"clickable link here"><img src="icon.png"></a>