html – 如何使用css中的fontAwesome图标[复制]

概述参见英文答案 > Use Font Awesome Icons in CSS                                    11个 我可以在css中使用font-awesome图标吗？现在我已尝试使用html但是按钮我需要使用伪类如下：之后：之前你可以帮助我吗？ ul li { display: inline-block;}.right { float: ri 参见英文答案 > Use Font Awesome Icons in CSS                                    11个
我可以在CSS中使用Font-awesome图标吗？现在我已尝试使用HTML但是按钮我需要使用伪类如下：之后：之前你可以帮助我吗？

ul li {  display: inline-block;}.right {  float: right;}

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/AJAX/libs/Font-awesome/4.7.0/CSS/Font-awesome.min.CSS" /><ul >  <li><button>Note <i ></i></button></li></ul><ul>  <li><a href="#"><i ></i></a></li>  <li><a href="#"><i ></i></a></li>  <li><a href="#"><i ></i></a></li></ul>

解决方法 你可以像这样使用.我已经更新了你的代码.

ul li {  display: inline-block;}.right {  float: right;}button:after {  content: "\f067";  Font-family: FontAwesome;    Font-style: normal;    Font-weight: normal;    text-decoration: inherit;    display: inline-block;    vertical-align: mIDdle;    margin-left: 5px;}

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/AJAX/libs/Font-awesome/4.7.0/CSS/Font-awesome.min.CSS" /><ul >  <li><button>Note</button></li></ul><ul>  <li><a href="#"><i ></i></a></li>  <li><a href="#"><i ></i></a></li>  <li><a href="#"><i ></i></a></li></ul>

总结

以上是内存溢出为你收集整理的html – 如何使用css中的fontAwesome图标[复制]全部内容，希望文章能够帮你解决html – 如何使用css中的fontAwesome图标[复制]所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。