[웹] css 아이콘 링크 삽입 , <a> 밑줄 없애기

WEB/HTML ,CSS,PHP

송이 🫧 2020. 8. 24. 22:55

Font Awesome

The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options.

fontawesome.com

해당 링크에 들어가 원하는 아이콘을 클릭하면 아래와 같은 버튼이 뜰 것이다.

버튼을 누르면 아래와 같이 복사할 코드가 뜰 것이다.

<head>에 아래 코드를 입력해두어야 아이콘을 사용할 수 있다.

  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css">

>> 아이콘 밑줄을 없애려면 text-decoration 을 none으로 주면 된다.

<a style="text-decoration:none" // 밑줄 없애기 위한 코드 
href="연결하고 싶은 링크" class="fab fa-instagram fa-5x"></a>
//fa-5x의 경우 크기조절이므로 생략 가능

이제 해당 아이콘을 누르면 연결해놓은 링크로 들어갈 수 있다.