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를 적용하면 소문자로 바뀝니다.

    신간 소식 구독하기
    뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.