问如何在按钮html中添加图标？
EN

Stack Overflow用户

提问于 2020-08-07 04:25:55

回答 1查看 461关注 0票数 0

嗨，我需要添加播放图标在我的按钮之前，观看演示按钮，如在这张图片和差距联系我们和观看演示按钮。图标和index.html都在同一个文件夹中，谢谢。

这是我的结果

<div class="line">
                      <div class="s-10 m-10 l-3 center">
                        <a class="button button-white-stroke s-6" style="background-color:red;" href="/">+CONTACT US</a>
                        
                        <a class="button button-white-stroke s-6" style="background-color:black;" href="/">WATCH DEMO</a>
                        
 </div>

html

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-08-07 04:33:45

你可以用字体-太棒了。有关更多信息，请参考这。

例如，您的代码如下所示：

  <!DOCTYPE html>
<html>
<head>
<title>Font Awesome Icons</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
 <div class="line">
   <div class="s-10 m-10 l-3 center">
   <a class="button button-white-stroke s-6" style="background-color:red;"  href="/">+CONTACT US</a>
 <a class="button button-white-stroke s-6" style="margin-right:20px;background-color:black;" href="/"> <i class="fa fa-youtube-play"></i>WATCH DEMO</a>                        
     </div>  

</body>
</html>

添加<i class="fa fa-youtube-play">

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/63295193

复制

相似问题

问如何在按钮html中添加图标？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在按钮html中添加图标？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在按钮html中添加图标？
EN