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] -->

Önceki

css resim hover efekti

Sonraki

Mailchimp hatası: Alıcının son zamanlarda çok fazla kayıt isteği var

Email aboneliği

Esakademi.com'dan iyi ve güzel haberler almak için listeye mailinizi ekleyin