Html'deki bağlantıların görüntü parametrelerinin değiştirilmesi, basamaklı css stil sayfaları kullanılarak yapılabilir. Bağlantı yazı tipinin görüntüsünü, kullanıcı tıklamadan önce ve fare tıklamasından sonra rengini özelleştirmenize izin verir. Kullanılan yazı tipinin yazı tipini ve boyutunu da değiştirebilirsiniz.
Talimatlar
Aşama 1
Sınıflar ve sözde sınıflar, css'de bağlantı parametrelerini ayarlamak için kullanılır. Sözde sınıf a: bağlantısı, normal bir bağlantının stilini ayarlar, a: ziyaret edilmiş, önceden kullanılmış bir bağlantının görüntüsünü özelleştirmenize olanak tanır. A: active, imleç öğeye tıklandığında etiketin parametrelerini işler ve a: hover, üzerine geldiğinizde bağlantının stilini ayarlar. Öğe için kendiniz de herhangi bir sınıf oluşturabilirsiniz ve parametrelerde metni biçimlendirmek için standart operatörleri kullanabilirsiniz.
Adım 2
Tarayıcıda bağlantı metninin alt çizgisinin görüntülenmesini devre dışı bırakmak için text-decoration: none parametresini kullanın. Bu özniteliği hem bir sınıfta hem de bir öğe için sözde sınıfta belirtebilirsiniz. Bağlantının rengini değiştirmek için, boyut için renk parametresini kullanın - standart yazı tipi boyutu özniteliği. Kalın veya italik yazı eklemek istiyorsanız, font-weight parametresini kullanın.
Aşama 3
Sayfa kodunu düzenlemek için kullandığınız metin düzenleyiciyle html dosyanızı açın. Bundan sonra, belgenizin bir bölümüne gidin ve bir tutamaç kullanarak sayfadaki gelecekteki bağlantılar için css kodunu ayarlayın. Örneğin:
Bağlantıları değiştirme
a: link {metin-dekorasyon: yok;
yazı tipi boyutu: 14 piksel;
yazı tipi ağırlığı: kalın;
kırmızı renk; }
4. Adım
Bu kod, normal bir bağlantıdan alt çizgiyi kaldırır, metin boyutunu 14 piksele ayarlar, öğenin kalın stilini ve kırmızı rengini uygular. Şimdi etiketteki herhangi bir bağlantı bu şekilde görüntülenecektir.
Adım 5
CSS sınıflarını kullanarak her belirli bağlantı için stil oluşturabilirsiniz. Bu nedenle, etiketteki kod şöyle görünüyorsa:
a.link1 {yazı tipi boyutu: 20 piksel; siyah renk;}
6. Adım
Belgenin gövdesindeki sınıfı aşağıdaki gibi kullanarak bağlantının boyutunu 20 piksel ve siyah olarak ayarlayabilirsiniz:
Bağlantı
Örnekten, bağlantının class özniteliğini belirterek, oluşturulan adım geri css kod sınıfının bağlantıya atandığını görebilirsiniz. Bu bağlantı şimdi siyah olarak görüntülenecek ve 20 piksel boyutunda olacaktır. Bu özelliği değiştirmek için sayfa bölümünün css kodunu düzenleyin.
7. Adım
Bağlantının görünümünü değiştirme işlemi tamamlandı, dosyada yapılan değişiklikleri kaydedebilir ve bir tarayıcıda görüntülemek için çalıştırabilirsiniz.
