CSS3 실습 7-1

SMALL

display 프로퍼티로 박스 유형 설정

[Direction:]
Ÿ <그림 1>과 같이 블록요소인 <li>를 <그림 2>와 같이 인라인 요소로 변경하여 배치
Ÿ border는 1px 직선; 색은 red
Ÿ padding은 0.5em
Ÿ 링크는 dummy 링크 사용 (예, href=“#”)

<!DOCTYPE html>
<html>
    <head>
        <title>그림 2</title>
        <style>
            li{display: inline;
            background: yellow;
            border: 1px solid red;
            padding: 0.5em;
            }
        </style>
    </head>
    <body>
        <ul>
            <li><a href="#홈">홈으로</a></li>
            <li><a href="#회">회사 소개</a></li>
            <li><a href="#제">제품 소개</a></li>
            <li><a href="#질">질문과 대답</a></li>
            <li><a href="#연">연락처</a></li>
        </ul>
    </body>
</html>