yasharhi
شنبه 09 آذر 1392, 16:41 عصر
من یک منو درست کردم و یک کلاس هم درست کردم و border براش تعیین کردم و به منو این کلاس رو دادم ولی border نمایش داده نمیشه .
همونطور که میبینید برای محکم کاری ! برای تمام اجزا هم این کلاس رو دادم ولی کار نکرد !
<div class="row margin-0 y-b">
<ul class=" margin-0 y-b">
<li class="y-b">home </li>
<li>about </li>
<li>blog </li>
<li>service </li>
<li>sign up </li>
<li>contact us </li>
<li>sign up </li>
<li>contact us </li>
</ul>
</div>
این css منو
.row ul {
height: 50px;
}
.row ul li {
font-family: Tahoma, Geneva, sans-serif;
font-size: 14px;
line-height: 50px;
text-transform: uppercase;
text-decoration: none;
display: block;
float: left;
height: 50px;
width: 100px;
text-align: center;
margin: 0px;
padding: 0px;
}
این هم کلاس y-b
.y-b {
border-left-width: thin;
border-left-style: solid;
border-left-color: #00FF33;
}
همونطور که میبینید برای محکم کاری ! برای تمام اجزا هم این کلاس رو دادم ولی کار نکرد !
<div class="row margin-0 y-b">
<ul class=" margin-0 y-b">
<li class="y-b">home </li>
<li>about </li>
<li>blog </li>
<li>service </li>
<li>sign up </li>
<li>contact us </li>
<li>sign up </li>
<li>contact us </li>
</ul>
</div>
این css منو
.row ul {
height: 50px;
}
.row ul li {
font-family: Tahoma, Geneva, sans-serif;
font-size: 14px;
line-height: 50px;
text-transform: uppercase;
text-decoration: none;
display: block;
float: left;
height: 50px;
width: 100px;
text-align: center;
margin: 0px;
padding: 0px;
}
این هم کلاس y-b
.y-b {
border-left-width: thin;
border-left-style: solid;
border-left-color: #00FF33;
}