Tavsiye: 12 Adımda Pazartesi Sendromunu Yenin! Hatırlayalım: 10 Adımda Pozitif Olma Rehberi
Fatih Özel Kolej

CSS ile İki Renkli Kenarlık Yapımı

Sponsorlu Bağlantılar

CSS ile İki Renkli Kenarlık YapımıCSS Dersleri ile ilgili yazı dizisine devam ediyoruz arkadaşlar. Bugün ise sadece CSS kullanarak iki farklı renk içeren bir kenarlık (border) nasıl yapılıyor, bu konuyu öğreniyor olacağız. Bu şekilde sitenize farklı ve özgün görünümler elde edebilmek için iki farklı renk içeren kenarlıklar (çubuklar) ekleyebilirsiniz. Yapılması gereken ise çok basit, aşağıdaki kodları, renk kodlarını dilerseniz değiştirerek, ilgili div içerisine eklemenizdir. Böylelikle siz de iki renkli kenarlık elde edeceksiniz.

.ikirenklikenarlik{
border: 5px solid transparent!important;
border-image: linear-gradient(to right, #EF6950 0%, #EF6950 50%, #444444 50%, #444444 100%)!important;
border-image-slice: 1!important;
}

Örnek Görünüm

CSS ile İki Renkli Kenarlık Yapımı

Sponsorlu Bağlantılar


Teknobeyin Facebook
Sayfasını Bugün Beğenin!
  1. Yorum bulunmamaktadır.

Bu yazıya yorum göndermek ister misiniz?

Dikkat: Her yorum gönderen kişi, kendi gönderdiği yorumdan sorumlu olmaktadır.
Not: Yazı ile herhangi bir ilgisi bulunmayan yorumların onaylanmadığını belirtmek isteriz.
Yazı Etiketleri
Bugün Günlerden: . Toplam 19 kategorideki 7.957 yazıda 8.259 yorum bulunmaktadır.
Yukarı Çık