在Css中添加一个图标

Question

我试图在div（x）下添加一个图标，并且在行的顶部，但它没有显示在我的浏览器中。哪里不对？

<i class="fa fa-user-circle" aria-hidden="true"></i> 
<hr style="margin-left:20px; margin-right:20px; color:#ccc; box-shadow:0px 0px 
    10px rgba(0,0,0,0.5);"></hr> 

Answer 1

要使用（我假设）字体真棒图标，您需要下载字体库包括在您的HTML库。

i.e-

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> 

（这是链接到从引导字体真棒CDN，你可以（也应该）在本地保存库，并有一个本地链路有代替）