CSS 문서에는 <html>, <body>, <ul>, <a> 태그가 기본적으로 갖고 있는 CSS 속성을 초기화하는 코드를 추가합니다.
예제 소스 Exercise/11장/3_navigation/style.css
html, body {
margin: 0;
padding: 0;
}
ul {
list-style: none;
}
a {
text-decoration: none;
}
그럼 본격적으로 메뉴 버튼 디자인 작업을 진행하겠습니다.
먼저 <a> 태그의 CSS 속성으로 text-transform 속성을 추가합니다. text-transform 속성은 글자를 전부 대문자 또는 소문자로 바꿀 때 사용합니다. 속성값으로 uppercase를 적용하면 모든 글자가 대문자로 바뀌고, lowercase를 적용하면 소문자로 바뀝니다.