Bilgisayarlar, Programlama
Dekoratif çizgi CSS-elementler
Teknoloji stil HTML sayfaların tasarımında iki işlevi vardır. İlk olarak, onun yardımıyla, sitenin bireysel unsurların bir oluşum konum yoktur. İkinci olarak, kullanıcıya birimler görsel olarak çekici hale getirir. İkinci fonksiyonun uygulanması birçok yönden oluşur. Bunlardan biri - vurgulamaktadır. CSS Bu özelliğin metin-dekorasyon için sağlar.
Şartname nitelik rekor
metin-dekorasyon özelliği basittir kullanın. CSS dosyası kodunda kayıt Yeter, öğe için aşağıdaki satırı:
metin-dekorasyon: znachenie_atributa;
Bunun yerine "nin znachenie_atributa» CSS şartname çeşitli seçenekler sunmaktadır:
- altını - doğrudan metnin altında yer hattı;
- overline - çizgi metnin üstünden çalışır;
- hiçbiri - tüm dekoratif etkilerin kaldırılması;
- miras - ebeveyn öğesinin değerini benimser.
Bu özellik CSS çizgi, ancak bu tür "göz kırpması" veya çizili metni olarak diğer etkilere, sadece belirten yukarıdaki gibi kaydın tüm olası biçimleri değildir.
Tasarım köprülerin örnekleri
web tasarımı ve programlama başlayanlar, soru doğar: neden metinde alt çizgi do? İnternet teknolojisi çağında önünde bir köprü olması için kullanıcının tahsisinin bu yöntem şafağında - hangi tıklayarak, metin yeni bir sayfaya geçiş yapılacaktır.
Varsayılan olarak, Köprü özelliği altını ayarlayın. Uygulamada, aktif olmayan cihazlardan hattını kaldırmak ve kullanıcı fareyi hareket ederken görünür hale getirmek için bir sorun vardır. İşte çizgi CSS bağlantıları devre dışı bırakır kod örneğidir:
{text-decoration: none; }
Aşağıdaki girdiyi kullanarak aktif bağlantılar için:
a: hover {text-decoration: underline;}
Gelişmiş için dekoratif çizgi
dekorasyon metin-Standart özellik birkaç sınırlamaları vardır:
- bağlantı metni renginden farklı çizgi rengi, onların "boyama" ayırt etmek mümkün değildir;
- Sadece düz çizgi çizgi olarak kullanılır. CSS işaretinin diğer stilleri kullanımını içermez.
Ama özel teknikler Bypass metnin klasik bir görünüm yardımcı olur. İlk durumda, isteğe bağlı etiketi kullanarak bir köprü kurmak için.
Örneğin:
<= Span style "color: blue "> köprü
. >
Sonuç olarak, köprü mavi yazılacağı sayfadaki kelime ve çizgi rengi kırmızı olacaktır.
CSS çizgi sağlayan bir diğer gelişmiş yöntem, - border-bottom. Aşağıdaki örnek olarak kullanımını göstermektedir:
Bir {border-bottom: 1px solid red;}
Sonuç önceki örnekte olduğu gibi aynı olacaktır. Ama bu yöntem önemli bir avantaja sahiptir. çizgi rengi değiştirmeye ek olarak (şu anda, kırmızı set - kırmızı), yöntem, yazıt dönüştürmek mümkündür:
- noktalı - noktası altını yapar;
- kesik - satır vuruş oluşur;
- çift - çift çizgi çizer.
Yani, border- alt daha işlevseldir bağlıyoruz. metnin altında dekoratif hattının ekrana ek olarak, mümkün görünümünü özelleştirmek mümkün kılar.
Similar articles
Trending Now