CSS ile Linkin Altındaki Çizgiyi Kaldırma

Html sayfalarımıza eklediğimiz linklerin altı çizili olarak gözükmektedir. Css ile bu çizgileri kaldırmamız mümkündür. Bu işlem için yapmamız gerekenler şu şekildedir;

İlk olarak style.css isminde bir dosya oluşturuyoruz ve bu dosyanın içine aşağıdaki kodları yazıyoruz;
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
Daha sonra index.html adında bir tane html sayfası oluşturuyoruz ve bu sayfanın içine aşağıdaki komutları yazıyoruz;





Wmaraci Sitesine Giriş


Bu sayfada rel bölümünde css dosyamızın konumunu yazarak css dosyasını sayfamıza dahil etmiş olduk. Artık sayfa içinde eklenecek linklerin altı çizili olmayacaktır.

Sitemde bu yazıyı bugün yayınlamıştım. Forum üzerinden paylaşmak istedim. Umarım faydalı olur.

css den {text-decoration:underline} kodunu kaldırmakta yeterli

mavi olan link rengini kaldırmak içinde text-decoration:none; 'un yanına color:inherit; eklenmeli + bilgi olsun

a { text-decoration:none; color:inherit; }

Bu durumda ben örnegin menüde linkin üzerine geldiğimde bu kodu yazacam,


.linkim:visited {text-decoration: underline !important;}
.linkim:hover {text-decoration: underline !important;}
.linkim:active {text-decoration: underline !important;}


Bu kod yerine istediğin linkten silmen daha mantıklı olacaktır.