اليكم كود عارضة كما في الصورة هذه

الكود:

 
<table class="stones06" dir="rtl" style="width: 1000px; height: 50px;" align="center" border="0" cellspacing="0">
                
 <tbody>
                
 <tr>
                
 <td class="stones07" style="text-align: center;">
       <a href="رابط القسم" target="_blank">القسم </a><span class="stones">|</span> <a href="رابط القسم" target="_blank">القسم </a><span class="stones">|</span> <a href="رابط القسم" target="_blank">القسم </a><span class="stones">|</span> <a href="رابط القسم" target="_blank">القسم </a><span class="stones">|</span> <a href="رابط القسم" target="_blank">القسم </a> <span class="stones">|</span> <a href="رابط القسم" target="_blank">القسم </a> <span class="stones">|</span> <a href="رابط القسم" target="_blank">القسم </a> <span class="stones">|</span> <a href="رابط القسم" target="_blank">القسم </a> <span class="stones">|</span> <a href="رابط القسم" target="_blank">القسم </a> <span class="stones">|</span> <a href="رابط القسم" target="_blank">القسم </a> <span class="stones">|</span> <a href="رابط القسم" target="_blank">القسم </a><span class="stones">|</span> <a href="رابط القسم" target="_blank">القسم </a> <span class="stones">|</span> <a href="رابط القسم" target="_blank">القسم </a>        
 </td>
                
 </tr>
                
 </tbody>
     <style>

.stones07{
    background-color :#EE82EE;
 border:solid 2px #27739d;
padding:10px;
}

.stones07:hover{
background-color :#CCFF66;

}




.stones{
border:solid 2px #27739d;

}
.stones06{
    border-style:solid;
    border-width:1px;
    border-color:red green blue yellow;
    padding: 8px;
  border-radius: 5px;
 font-size: 17px;
}

  </style>
</table>

الكود:

 
<table class="stones06" dir="rtl" style="width: 1000px; height: 50px;" align="center" border="0" cellspacing="0">
                      
   <tbody>
                         
      <tr>
                            
         <td class="stones07" style="text-align: center;">
                    <a href="رابط القسم" target="_blank">القسم </a><span class="stones">»</span> <a href="رابط القسم" target="_blank">القسم </a><span class="stones">»</span> <a href="رابط القسم" target="_blank">القسم </a><span class="stones">»</span> <a href="رابط القسم" target="_blank">القسم </a><span class="stones">»</span> <a href="رابط القسم" target="_blank">القسم </a> <span class="stones">»</span> <a href="رابط القسم" target="_blank">القسم </a> <span class="stones">»</span> <a href="رابط القسم" target="_blank">القسم </a> <span class="stones">»</span> <a href="رابط القسم" target="_blank">القسم </a> <span class="stones">»</span> <a href="رابط القسم" target="_blank">القسم </a> <span class="stones">»</span> <a href="رابط القسم" target="_blank">القسم </a> <span class="stones">»</span> <a href="رابط القسم" target="_blank">القسم </a><span class="stones">»</span> <a href="رابط القسم" target="_blank">القسم </a> <span class="stones">»</span> <a href="رابط القسم" target="_blank">القسم </a>         
         </td>
                            
      </tr>
                         
   </tbody>
         <style>

.stones07{
    background-color :#EE82EE;
 border:solid 2px #27739d;
padding:10px;
}

.stones07:hover{
background-color :#CCFF66;

}




.stones{
border:solid 2px #27739d;

}
.stones06{
    border-style:solid;
    border-width:1px;   
    border-color:red green blue yellow;
    padding: 8px;
  border-radius: 5px;
 font-size: 17px;
}

  </style>
</table>