목록html/css 메뉴만들기 (1)

지지나

HTML/CSS - 마우스 선택자 hover

바로 앞 포스팅에서 웹사이트 상단 로고와 메뉴바를 만들었는데, 이번엔 그것의 심화버전이다. 이번에는 귀찮으니 다 텍스트로 하고, 좀 더 심화해 다룰 내용에 초점을 맞출 예정이다. 보통 로고나 메뉴박스를 선택하면 어떠한 특정 링크로 연결이 되는데(메인 화면 등), 태그를 이용해서 링크연결을 하면 글자가 자동적으로 파란색에 밑줄이 그어져서 나온다. 이것은 a태그에 파란글자, 언더바 초기화를 text-decoration:none이라는 속성으로 해주면 된다. 그럼 이제 로고는 화면 왼쪽에, 메뉴박스는 오른쪽에 배치해 보자. 여기까지 배치하는 방법은 앞 포스팅에서 다루었으므로 생략한다. 프로그래밍 한 것은 다음과 같다ㅎㅎ 그리고 html에서 semantic 태그를 잘 다루는 것이 중요한데, 는 로고와 주메뉴를 아..
기획자의 프로그래밍 걸음마/HTML, CSS 2020. 7. 22. 22:41
Prev 1 Next