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>

Туршиж үзэх »