Bazı web sitelerindeki görsel veya bağlantı metinlerinde yer alan, kenarlıkları görmüş olmalısınız. Yani herhangi bir resimde yer alan çerçevelerden veya bir bağlantıya tıklandığı zaman ortaya çıkan kenarlıklardan bahsediyoruz. Daha temiz bir görünüm elde etmek için, bu gibi kenarlıklardan CSS yardımı ile tamamen kurtulabilirsiniz. Açıkçası, mevcut border etiketleri için daha farklı kalınlık ve renk değerleri belirleyerek, bu kenarlıkları ilgi çekici kılabilmek de mümkün. Dilerseniz, kenarlıkları tamamen kaldırmak için aşağıdaki örneklere göz atabilirsiniz.

AYRICA: CSS ile Altı Çizili Yazı Yazma Nasıl Yapılır?

CSS ile Border Kaldırma İşlemi

1) Resimlerdeki kenarlıkları kaldırmak için gerekli olan CSS kodu aşağıda yer almaktadır.

img {
border: 0;
}

HTML sayfasında olması gereken örnek kod ise aşağıdaki gibi olacaktır.

<img src="gorsel-linki" />

2) Bağlantılardaki çizgileri kaldırmak için gerekli olan CSS kodu aşağıda yer almaktadır.

a:link {
outline: 0;
}

HTML bölümünde olması gereken örnek kod ise aşağıdaki gibi olacaktır.

<a href="baglanti-adresi">Örnek</a>