الصفحة الرئيسية
Seo & code

كود اضافة ازرار A bout us و home و contact us

كود اضافة ازرار A bout us و hoاكواد html و css وكيف يمكنك بها اضافة ارزار about us وhome وcontact us. كود اضافة ارزار A bout us وhome و contact us.

كود اضافة ازرار A bout us و home و contact us. اليوم في هذا المقال سنكتب عن اكواد html و css  وكيف يمكنك بها اضافة ارزار about us وhome وcontact us.

كود اضافة ارزار A bout us وhome و contact us. للمبتدئين في تعلم لغة html و css. كود بسيط وسهل جدا

يمكنك ان تعدل في css وتغيير اللون الي الون الذي تريد بتعديل كود اللون. وايضا يمكن تعديل الشكل او جعل الارزار تكوم على التوازي بدل على التوالي. ويمكنك تعديلها على حسب ما تريد ان يكون الشكل الذي تظهر به الازرار.

اليك الكود كل الذي عليك انسخه وضعه في صفحة html :

<!DOCTYPE html>

<html>

<head>

 <title>Menu Example</title>

 <style>

 .menu {

   display: flex;

   justify-content: space-between;

   align-items: center;

   background-color: #333;

   color: #fff;

   padding: 10px;

 }


 .menu ul {

   list-style: none;

   margin: 0;

   padding: 0;

   display: flex;

   flex-direction: row;

   justify-content: space-between;

   align-items: center;

 }


 .menu ul li a {

   color: #fff;

   text-decoration: none;

   padding: 10px;

   border-radius: 5px;

 }


 .menu ul li a:hover {

   background-color: #fff;

   color: #333;

 }

 </style>

</head>

<body>

 <div class="menu">

   <ul>

     <li><a href="#home">Home</a></li>

     <li><a href="#contact">Contact Us</a></li>

     <li><a href="#about">About Us</a></li>

   </ul>

 </div>

</body>

</html>