css ile ince kenar çizgisi
css ile ince kenar çizgisi – CSS ile bir elemente kenar çizgisi eklemek istersek minumum 1px inceliğinde ekleyebiliriz, yani CSS’de en küçük px değeri 1 px’dir. Ancak bu daha ince bir kenar çizgisi oluşturamayacağımız anlamına gelmiyor. px değerini 1px olarak belirlediğimiz bir kenara rgba renkleri ekleyerek onun daha ince bir çizgi olarak görünmesiniz sağlayabiliriz.
DEMO – İNDİR
Bunu yapacağımız işte CSS kodumuz
.main-menu {background-color: black;}
.main-menu ul > li {display: inline-block;}
.main-menu > ul > li > a {
color: #aaaaaa;
text-transform: uppercase;
font-size: 1em;
line-height: 3.75em;
text-decoration: none;
padding: 0 1.5rem;
display: block;
border-right: 1px solid rgba(255, 255, 255, 0.05);
}
HTML KODU:
<nav class="span9 main-menu">
<ul>
<li><a href="">Blog</a></li>
<li><a href="">Home</a></li>
<li><a href="">About</a></li>
</ul>
</nav> <!-- /.span8 [main-menu] -->
Bir cevap yazın