Scribd Logo
Upload

Welcome to Scribd!

  • Cacat

    Uploaded by

    anton
    1 views2 pages
    ok

    Original Title

    cacat

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    ok

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    1 views2 pages

    Cacat

    Uploaded by

    anton
    ok

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    <style>

    * {margin:0; padding:0;}
    .body {
    background: #3498db;
    font-family: sans-serif;
    padding: 1em;
    margin: 1em auto;
    width: 30em;
    border-radius: 7px;
    color: white;
    }

    body {
    background-color:#fff;
    font-family:Arial, Helvetica, sans-serif;
    color:#FFF;
    }

    .menu-wrap {
    background-color:#53bd84;
    height:50px;
    line-height:50px;
    position:relative;
    width:770px;
    margin:auto;
    margin-top:80px;
    }

    .menu-wrap ul {
    list-style:none;
    }

    .menu-wrap ul li a {
    float:left;
    width:150px;
    display:block;
    text-align:center;
    color:#FFF;
    text-decoration:none;
    text-transform:uppercase;
    }

    .menu-wrap ul li a:hover {
    background-color:#666;
    display:block;
    }

    .menu-wrap ul li:hover ul {
    display:block;
    }

    .menu-wrap ul ul {
    display:none;
    list-style:none;
    position:absolute;
    background-color:#53bd84;
    left:300px;
    top:50px;
    width:190px;
    }

    .menu-wrap ul ul li a {
    float:none;
    display:block;
    padding-left:30px;
    text-align:left;
    width:160px;
    }

    .menu-wrap ul ul li a:hover {
    color:#fff;
    }
    </style>
    <!doctype html>

    <html lang="en">
    <head>
    <meta charset="utf-8">
    <title>Judul Halaman Saya</title>

    </head>
    <body>
    <div class="menu-wrap">
    <ul>
    <li><a href="beranda.html">Beranda</a></li>
    <li><a href="tentang.html">Tentang Kami</a></li>
    <li><a href="kontak.html">Kontak Kami</a>
    <ul>
    <li><a href="alamat.html">Alamat Kami</a></li>
    <li><a href="kebijakan.html">Kebijakan</a></li>
    </ul>
    </li>
    </ul>
    </div>
    </body>
    </html>

    You might also like