CSS kullanarak arka planda kalmak için altbilgiyi nasıl zorlarsınız

Sayfaların alt kısmında görünen altbilgiler, genellikle bir web sayfasının önemli bölümlerine bağlantılar içerir.

1. Adım

Not defterini veya HTML düzenleyicinizi kullanarak herhangi bir HTML belgesini açın.

2. Adım

Aşağıdaki div öğesini sayfanın "body" bölümüne ekleyin:

Bu metin altbilgiye girer

Bu div, bir örnek altbilgi metni ve "alt" adı verilen bir CSS sınıfına bir başvuru içerir.

3. adım

Aşağıda gösterilen kodu belgenin "baş" bölümüne yapıştırın:

.bottom {pozisyon: mutlak; metin hizalaması: merkez; genişlik:% 100; alt: 0 pks; genişlik:% 100; }

Bu CSS sınıfı, divanların web sayfasının arka planında süzülmesini sağlar. Bu örnekte "0px" olarak ayarlanan alt özellik, div'u arka planda tutar.

4. Adım

Belgenizi kaydedin ve altbilginin web sayfanızın altında göründüğünü doğrulamak için tarayıcınızda gözlemleyin.