CSS alt çizgi nasıl yapılır?
CSS alt çizgi nasıl yapılır?CSS ile alt çizgi (altı çizgili metin) oluşturmak için aşağıdaki kodlar kullanılabilir: Temel HTML yapısı. CSS kodu: `body` stili ile sayfanın genel görünümü düzenlenir. `p.text` ile metne "inline-block" özelliği verilir ve "position: relative" ile referans noktası haline getirilir. `p.text::before` ile metnin altına görünmez bir çizgi yerleştirilir ve bu çizgi başlangıçta "width: 0" ile gizli kalır. `p.text:hover::before` ile fare metnin üzerine geldiğinde çizginin genişliği "100%" olur ve bu geçiş 0,25 saniyede yumuşak bir şekilde gerçekleşir. Alternatif olarak, CSS'de `text-decoration: underline;` kodu ile altı çizili metin oluşturulabilir. Ayrıca, CSS'de `text-underline-position` özelliği ile altı çizginin konumu (`text-bottom` veya `under`) ve stili (çizgi stili, kalınlığı, rengi vb.) özelleştirilebilir. Daha fazla bilgi ve örnek kodlar için aşağıdaki kaynaklara başvurulabilir: youtube.com'da "CSS Hover Efekti ile Dinamik Alt Çizgi Nasıl Yapılır?" videosu; tr.devcrea.com'da "Alt Çizgi Animasyonu: HTML ve CSS" makalesi; blog.ozkula.com'da "CSS Text Underline Position Nedir, Nasıl Kullanılır?" makalesi; fatihhayrioglu.com'da "CSS ile Animasyonlu Altı Çizili Metinler Yapmak" makalesi.