CSS Фон / Ар тал

Элементийн ар талын дэвсгэрийг хэлбэржүүлэх шинж чанарууд:

background-color — ар талын өнгийг тохируулна.
background-image — ар талд зураг оруулна: url("bg.jpg").
background-repeat — зураг давтагдахыг удирдана (repeat, no-repeat, repeat-x, repeat-y).
background-position — зургийн байршлыг заана (center, top right).
background-attachment — скролдоход зураг хамт хөдлөх үү, бэхлэгдэх үү (scroll, fixed).

Хураангуй бичиглэл (shorthand): background: #ffffff url("img.jpg") no-repeat right top;

<!DOCTYPE html> <html> <head> <style> body { background-color: #f1f5f9; } div.banner { background-color: #2563eb; color: white; padding: 20px; text-align: center; } </style> </head> <body> <div class="banner">Ар тал өнгөтэй баннер</div> <p>Хуудасны фон өнгө light slate.</p> </body> </html>

Кодын жишээ