Şu anda Bootstrap kullanan bir web sitesi için bir gezinti çubuğu tasarlıyorum.html düğmesi
Basit CSS ile buton alt köşelerini yuvarlamak ama üst köşeler için elde etmek istediğiniz yönetilen: bir ana gezinti çubuğu ve birinci altında doğrudan ikinci bir görüntü bakın yoktur böyle bir şey:
CSS/jQuery veya ek bir eklenti ile bunu yapmanın bir yolu var mı?
DÜZENLEME: düğme için
HTML: böylece köşelerini manipüle düğmeleri arasında boşluk yoktur
<button type="submit" class="btn navbar-btn second-navbar-button">
<span class="mdi mdi-eye second-navbar-icon"></span>
<span class="second-navbar-name"> Overview</span>
</button>
düğmesi için CSS aşağıdaki
.second-navbar-button {
font-size: 26px;
border: none;
background-color: transparent;
color: #ec9f14;
margin: 0 19px 0 19px;
padding: 0px 8px 0px 8px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;}
benziyor bitişik düğme çalışmıyor, afaik.
Alkış,
Trammy
Yanlış olabilir ama eğer dikkatli bakarsan, solda ve sağda yuvarlak kenarlar (üstte), aslında bitişik düğmelerdeki yuvarlak kenarlardan gelebilir. –
bunu 'before' ve' after' pseudo-element kullanarak başarabilir, daha fazla yardımcı olabilmem için bazı kodlar koydum –
Teşekkür ederim Anas, şimdi butonlar için CSS kodunu ekledim. Umarım yardımcı olur. – ftramnitzke