如何将外部css与index.html文件组合

如何将外部css与index.html文件组合,html,css,twitter-bootstrap-3,Html,Css,Twitter Bootstrap 3,使用以下社交媒体链接,需要围绕社交媒体徽标画一个圆圈。你怎么能做到这一点 <ul class="social-media list-inline" align="right"> <li><a href="#"><span class="fa fa-facebook"></span></a></li> <li><a h

使用以下社交媒体链接,需要围绕社交媒体徽标画一个圆圈。你怎么能做到这一点

<ul class="social-media list-inline" align="right">
                    <li><a href="#"><span class="fa fa-facebook"></span></a></li>
                    <li><a href="#"><span class="fa fa-envelope"></span></a></li>
                    <li><a href="#"><span class="fa fa-twitter"></span></a></li>
                    <li><a href="#"><span class="fa fa-youtube-play"></span></a></li>
                    <li><a href="#"><span class="fa fa-instagram"></span></a></li>
                    </ul>
。社交媒体李{
列表样式类型:无;
填充:10px 10px;
背景颜色:粉红色;
显示:内联块;
边界半径:50px;
}

。社交媒体李{
列表样式类型:无;
填充:10px 10px;
背景颜色:粉红色;
显示:内联块;
边界半径:50px;
}


用id圆圈将每个
  • 包裹在一个div中 它可能会让您获得圆形图标

    
    
    用id圆圈将每个
  • 包裹在一个div中
    它可能会让你的圆圈图标

    你试过这个吗?还可以为那些特定的类添加css吗?有人应该能给你一个工作的例子。请看我编辑的问题你的ID在你发送的HTML中没有被引用,请为上面代码中的类添加css?你在这方面尝试过吗?还可以为那些特定的类添加css吗?应该有人能给你一个工作示例。请参阅我编辑的问题您发送的HTML中没有引用您的ID,另外,请为上面代码中的类添加css?这仅仅是您所期望的吗?这是字体Aweasome CDN linkFont Aweasome CDN是在我们的网页上获取图标的最简单方法。现在我需要一个圆圈,中间是空的(如戒指),怎么做?对不起,兄弟,现在我明白了。我们可以通过多种方式添加CDN。我使用了脚本标签。这封信是我从电子邮件中收到的。我在那里提到了我的电子邮件地址。这是你唯一期待的吗?这是字体Aweasome CDN linkFont Aweasome CDN是在我们的网页上获取图标的最简单方法。现在我需要一个圆圈,中间是空的(比如戒指),怎么做?对不起,兄弟,现在我明白了。我们可以通过多种方式添加CDN。我使用了脚本标签。这封信是我从电子邮件中收到的。我在那里提到了我的电子邮件地址。
    #circle {
        width: 100px;
        height: 100px;
        background: red;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px;
    }
    
    <head>
    <link rel="stylesheet" type="text/css" href="your file name.css">
    </head>