我如何插入一个好的阅读标志到一个html页面?



我是初学者,好吗?我试图建立一个需要社交媒体标志的HTML页面。除了好书,我需要的书都有了。https://www.goodreads.com/我找不到如何在CSS中构建一个。我试着复制图像,但不成功。还有人知道如何建立一个goodreads标签吗?

您可以在goodreads下载goodreads svg,在编辑器中打开该文件,复制内容并将其放在HTML文件中需要的位置。

在goodreads.com上,复制图像地址并粘贴到新选项卡中。如果新选项卡中只有图像,请再次复制图像地址,并将其粘贴在src选项卡之间。否则,继续从新页面复制图像地址。

这取决于你是想把logo放在里面,还是让logo成为你的goodreads账号的链接

如果只是图片,可以使用

<html>
<head>
<!--Put your metadata and link css here-->
</head>
<body>
<img src="https://i.stack.imgur.com/g0KBL.png" alt="Goodreads">
</body>
</html>
对于社交媒体链接,我建议使用像FontAwesome这样的图标库
<html>
<head>
<script src="https://kit.fontawesome.com/393a279287.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="fa fa-goodreads"><a href="goodreads.com/youraccount"></a></div>
</body>
</html>

祝你好运!

最新更新