더북(TheBook)

<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 동적인 메뉴 버튼을 위한 디자인 작업

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