css FontAwesome社交菜单

Posted 2021-05-13

http://facebook.com		<span class="fa fa-facebook"></span>
http://linkedin.com		<span class="fa fa-linkedin"></span>
http://twitter.com		<span class="fa fa-twitter"></span>
http://plus.google.com 		<span class="fa fa-google-plus"></span> 
http://youtube.com		<span class="fa fa-youtube"></span>

ul {
 overflow: auto;
}
 
ul li {
 list-style-type: none;
 float: left;
}
 
ul li a span {
 background: #205D7A;
 color: #fff;
 width: 40px;
 height: 40px;
 border-radius: 20px;
 font-size: 25px;
 text-align: center;
 margin-right: 10px;
 padding-top: 15%;
}