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