웹 개발에 아이콘을 도입하는 방법

HTML에 아이콘을 도입하는 방법

1. 머리에 HTML로 뭔가를 인용하고,

<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>

를 인용하세요. 그런 다음 인터넷에서 멋진 글꼴을 검색하세요. 해당 공식 홈페이지에 접속하시면 됩니다. (해외 홈페이지는 상대적으로 느립니다.) 다음은 중국어 웹사이트에 들어가기 위한 클릭입니다 - 글꼴 아이콘

오른쪽 상단의 아이콘 라이브러리를 클릭하세요

3 아무거나 클릭해서 들어가세요

4. ="fa fa-address-book-o " aria-hidden="true">

이를 코드에 추가하세요>

<div><i class="fa fa-address-book-o" aria-hidden="true"></i>></div>

는 div 또는span에서 참조되므로 블록 요소와 인라인 요소의 기능을 구현할 수 있습니다. i 태그에 대해서는 글꼴 크기를 사용하여 아이콘 크기를 변경하고 상단 및 하단 높이 선 높이, 왼쪽 및 오른쪽 위치 텍스트 정렬을 조정합니다.

일부 아이콘은 참조할 수 없으며 일반적인 스타일이 제공됩니다.

추천 학습: html 튜토리얼

위 내용은 웹 개발에 아이콘을 도입하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!