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