아이콘 엘리먼트 사용하는 방법

|

아이콘 엘리먼트 사용법입니다. 아이콘은 이미지보다 단순하고 깔끔하게 홈페이지를 꾸며주는 요소입니다.

더하기를 클릭해서 아이콘 엘리먼트를 원하는 위치로 가져옵니다. 첫번째 메뉴로 아이콘 모양과 사이즈를 지정할 수 있습니다. 아이콘 을 선택하면 수백개의 카테고리별 아이콘을 검색할 수 있고 선택해서 사용할 수 있습니다. 아이콘을 찾고 업로드하는 수고 없이 바로 편집기에서 원하는 아이콘을 검색해서 쓸 수 있어 아주 편리합니다.

아이콘을 선택하고 사이즈를 원하는대로 지정할 수 있습니다. 배경옵션에서는 아이콘의 배경을 없애거나 채우거나 외곽선만 나타나게 할수 있고
배경의 모양을 사각형, 원형 혹은 모서리만 둥글게 만들 수 있습니다. 배경의 사이즈와 테두리 두께도 지정할 수 있습니다.

다음 색상은 이미지 엘리먼트에서처럼 테두리와 쉐도우 옵션이 있는데요 .추가로 아이콘 색상과 아이콘 배경 색상을 지정할 수 있습니다. 여기서도 마우스가 아이콘에 올라갔을 때와 올라가지 않았을 경우의 색상을 분리해서 지정할 수 있습니다.

아이콘 색상을 보통일 때와 마우스 오버일 때를 다르게 지정해보겠습니다. 화면에서 변화를 확인할 수 있습니다.

다음 메뉴는 아이콘에 링크를 거는 것이고 그 다음은 아이콘의 정렬 메뉴입니다. 다음 톱니바퀴 메뉴는 아이콘을 둘러싸고 있는 영역에 대한 옵션으로 넘어가시면 되고요. 그 다음 메뉴는 복제와 삭제 아이콘입니다.

지금까지 아이콘 엘리먼트 설정방법이었습니다. 감사합니다.