Video: Web Development - Computer Science for Business Leaders 2016 2024
CSS3 sitenizde yalnızca bir arka plan resminin kopyasını almak istediğiniz durumlar vardır. Kullandığınız görüntü, tekrar etmeyen veya gerçekten tekrarlanmasını istemediğiniz kadar büyük bir şey olabilir. Aşağıdaki yordam, tarayıcıya bir arka plan resmin yalnızca bir kopyasını kullanmasını söylemek için kullanabileceğiniz bir tekniği göstermektedir.
-
Arka Plan Konumunu açın. CSS dosyası.
-
Resim burada gösterildiği gibi tekrarlanmayacak şekilde gövde stilini değiştirin.
gövde {background-image: url ("CuteCat. Jpg"); arka plan rengi: EyerBrown; renk: SeaGreen; font-size: x-large; metin-gölge: 1px 1px Sarı; arka plan konumu: merkez; background-attachment: sabit; background-repeat: tekrarlama yok; background-size: 80%;}
Tarayıcı sadece bir kopyasını görüntülemeyi bildiği için background-repeat özelliği no-repeat olarak ayarlanır. Çünkü yalnızca bir kopyası vardır ve kullanıcı tarayıcıyı yeniden boyutlandırdığında iyi bir sunum sağlamak için görüntü doğru boyutta olmayabilir, ayrıca görüntüyü otomatik olarak yeniden boyutlandırmak için arka plan boyutu özelliğini ayarlamanız gerekir.
-
CSS dosyasını NoRepeat olarak kaydedin. CSS.
-
Arka Plan Konumunu açın. HTML dosyası.
-
Etiketi şu şekilde görünecek şekilde değiştirin:
-
HTML dosyasını NoRepeat olarak kaydedin. HTML.
-
NoRepeat sayfasını yükleyin.
Arkaplanda görünüyorsun. Ortada sadece bir resim var - ve tarayıcıyı yeniden boyutlandırdığınızda, görüntü de otomatik olarak yeniden boyutlandırılıyor.