ფონის ფერის დაყენება CSS-ში

თქვენ უკვე იცით, თუ როგორ შეცვალოთ ტექსტის ფერი. მოდით ახლა ვისწავლოთ ფონის ფერის შეცვლა. ეს კეთდება background-color თვისების გამოყენებით, რომელიც იღებს იგივე მნიშვნელობებს, რაც თქვენთვის კარგად ცნობილი color თვისება.

მოდით შევავსოთ ბლოკი ნარინჯისფერი ფონით (ტექსტის ფერი კი გავაკეთოთ თეთრი):

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  width: 300px;
  height: 100px;
  color: white;
  background-color: orange; /* ვაყენებთ ნარინჯისფერ ფონს */
}

Результат:

Задание 1

გაიმეორეთ გვერდი ამ მაგალითის მიხედვით:

Задание 2

გაიმეორეთ გვერდი ამ მაგალითის მიხედვით: