logo

TechCodeview

ЦСС позадина

Својство ЦСС позадине се користи за дефинисање ефеката позадине на елементу. Постоји 5 ЦСС позадинских својстава која утичу на ХТМЛ елементе:

  1. боја позадине
  2. позадинска слика
  3. бацкгроунд-репеат
  4. позадину-прилог
  5. бацкгроунд-поситион

1) ЦСС боја позадине

Својство бацкгроунд-цолор се користи за одређивање боје позадине елемента.

шта је наредба за извоз у линуксу

Можете подесити боју позадине овако:

 h2,p{ background-color: #b0d4de; } <h2>My first CSS page.</h2> <p>Hello Javatpoint. This is an example of CSS background-color.</p>
Тестирајте одмах

Излаз:

Моја прва ЦСС страница.

Здраво Јаватпоинт. Ово је пример ЦСС боје позадине.

куицксорт

2) ЦСС позадинска слика

Својство бацкгроунд-имаге се користи за постављање слике као позадине елемента. Слика подразумевано покрива цео елемент. Можете поставити позадину за страницу попут ове.

јавна вс приватна јава 
 body { background-image: url(&apos;paper1.webp&apos;); margin-left:100px; }
Тестирајте одмах

4) ЦСС позадински прилог

Својство бацкгроунд-аттацхмент се користи да одреди да ли је позадинска слика фиксна или да се помера са остатком странице у прозору претраживача. Ако поставите фиксну слику у позадини, слика се неће померати током померања у претраживачу. Узмимо пример са фиксном позадинском сликом.

 background: white url(&apos;bbb.webp&apos;); background-repeat: no-repeat; background-attachment: fixed;
Тестирајте одмах

5) ЦСС бацкгроунд-позиција

Својство бацкгроунд-поситион се користи за дефинисање почетне позиције позадинске слике. Подразумевано, позадинска слика се налази у горњем левом углу веб странице.

Можете поставити следеће позиције:

  1. центар
  2. топ
  3. дно
  4. лево
  5. јел тако
 background: white url(&apos;good-morning.webp&apos;); background-repeat: no-repeat; background-attachment: fixed; background-position: center;
Тестирајте одмах