<li> 태그의 border-top 속성은 상단에만 테두리를 적용시킬 때 사용하며, border 속성과 같은 속성값을 입력합니다. border-top 이외의 속성에는 border-right, border-bottom, border-left 등이 있습니다.

    예제 소스 Exercise/11장/3_navigation/style.css

    a {
        text-decoration: none;
        color: #fff;
        font-size: 20px;
        text-transform: uppercase;  /* 글자를 전부 대문자로 변경할 때 사용합니다. */
    }
    
    li {
        width: 250px;
        background-color: #000;
        padding: 20px;
        border-top: solid 5px #dfdfdf;  /* 상단에만 테두리를 생성합니다. */
    }

     

    그림 11-9 동적인 메뉴 버튼을 위한 디자인 작업

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