css dropbox 예제,미완성(20150827)

<!doctype html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<style>
    body { background: #E3CAA1; }
    header nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    header > nav > ul > li {
        float: left;
        width: auto;
        height: 50px;
        padding: 0 30px;
        font-size: 1.5em;
        background-color: white;
        font-weight: bold;
        line-height: 50px;
    }
    header > nav > ul > li > ul > li {
        height: 50px;
        font-size: 1.0em;
        background-color: gray;
        color: white;
        font-weight: bold;
        line-height: 50px;
    }
    header > nav > ul > li > ul {
        display: none;
    }
    header > nav > ul > li:hover {
        background-color: gray;
        color: white;
        cursor: pointer;
    }
    header > nav > ul > li:hover ul {
        display: block;
    }
    header > nav > ul > li > ul > li:hover {
        background-color: #999;
        cursor: pointer;
    }
</style>
<title>css 드롭다운 메뉴</title>
</head>
<body>
    <header>
        <nav>
            <ul>
                <li>홈</li>
                <li>인사말씀</li>
                <li>포트폴리오
                    <ul>
                        <li>웹디자인</li>
                        <li>웹개발</li>
                        <li>수상내역</li>
                    </ul>
                </li>
                <li>블로그</li>
                <li>연락처</li>
            </ul>
        </nav>
    </header>
</body>
</html>