HTML 社交媒体LInks列表

Posted 2021-05-24

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML 社交媒体LInks列表相关的知识，希望对你有一定的参考价值。

&lt;ul&gt;
  &lt;li class=&quot;social facebook&quot;&gt;&lt;a href=&quot;&quot;&gt;Facebook&lt;/a&gt;&lt;/li&gt;
  &lt;li class=&quot;social twitter&quot;&gt;&lt;a href=&quot;&quot;&gt;Twitter&lt;/a&gt;&lt;/li&gt;
  &lt;li class=&quot;social myspace&quot;&gt;&lt;a href=&quot;&quot;&gt;Myspace&lt;/a&gt;&lt;/li&gt;
  &lt;li class=&quot;social youtube&quot;&gt;&lt;a href=&quot;&quot;&gt;Youtube&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

html 强制社交媒体

#block-footer i[class*="fi"] {
  font-size: 3rem;
  margin-right: 1rem;
}

 <a target="_blank" href="https://twitter.com/PortfolioGuide"><i class="fi-social-twitter"></i></a> 

<a target="_blank" href="https://www.facebook.com/MyPortfolioGuide"><i class="fi-social-facebook"></i></a>

<a target="_blank" href="https://www.linkedin.com/in/financialadvisororangecounty/"><i class="fi-social-linkedin"></i></a>

以上是关于HTML 社交媒体LInks列表的主要内容，如果未能解决你的问题，请参考以下文章

无法让社交媒体共享按钮在内联列表中排队

社交媒体链接列表

如何使用流构建器和块模式更好地构建社交媒体应用程序

html HTML - 社交媒体链接

html 社交媒体图标

html 社交媒体SVG