navbar:كيفية عمل ناف بار

شرح كيفية عمل ناف بار-قائمه أفقيه متميزه بواسطة css


<<السابق الحالى التالى>>
كافة الدروس

<head>
<style type="text/css">
li {
position:relative;
float:right;
list-style-type:none;
font-size:20px;
background:#f90;
border:1px solid #f60;    
padding:8px;
margin-left:9px;
border-radius:5px;
-moz-border-radius:5px;
    }    
    
li:hover{
background:#00f;
color:#000;    
    }    
</style>
</head>
<body>
<ul>
<li>الرئيسية</li>
<li>المنتدى</li>
<li>المجلة</li>
<li>المشروع</li>
<li>اتصل بنا</li>
</ul>
</body>