Sample course → Menu Yapımı -

Menu Yapımı

CSS kullanarak : Yatay Menü Örneği –.menu

    <title></title>
    <style type="text/css">
        body{
            margin: 0;
            padding: 0;
        }
        ul{
            list-style-type: none;
            margin: 0;
            padding: 0;
            width: 100%;
        }
        li {
            float: left;
        }
        li a{
            display: block;
            text-decoration: none;
            padding: 16px 16px;
            color: gray;
        }
        li a:hover {
            background-color: #555;
            color: yellow;
        }
        #menu{
            margin: 0;
            padding: 0;
            background-color: black;
            width: 100%;
            height: 50px;
            position: fixed;
        }
    </style>
<div id="menu">
    
<ul>
    <li><a href="#">Menu1</a></li>
    <li><a href="#">Menu1</a></li>
    <li><a href="#">Menu1</a></li>
    <li><a href="#">Menu1</a></li>
    <li style="float: right;"><a href="#">Menu2</a></li>    
</ul>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

Sample course

Menu Yapımı

İlk yorum yapan olun

Bir yanıt bırakın Cevabı iptal et

Modal title