Bu sitedeki her şey Sevgi ile kodlanmıştır.

Kategori Listesini Göster

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


FacebookTwitterPinterestTumblrYazdır


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ı

  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
Yukarı Çık