Лекция №3 План: css фоны css использование изображений 1



Дата26.05.2022
өлшемі30.86 Kb.
#458648
түріЛекция
3 фоны

Лекция №3

План:

  1. CSS – Фоны

  2. CSS – Использование изображений


3.1 CSS – Фоны


В этой главе вы узнаете, как установить фон различных элементов HTML. Вы можете установить следующие свойства фона элемента —

  • Свойство background-color используется для установки цвета фона элемента.

  • Свойство background-image используется для установки фонового изображения элемента.

  • Свойство background-repeat используется для управления повторением изображения в фоновом режиме.

  • Свойство background-position используется для управления положением изображения на заднем плане.

  • Свойство background-attachment используется для управления прокруткой изображения в фоновом режиме.

  • Свойство background используется в качестве краткого обозначения для указания ряда других свойств фона.

Ниже приведен пример, который демонстрирует, как установить цвет фона для элемента.





style = "background-color:yellow;" >
This text has a yellow background color.



Hello World!




Tutorials point



Tutorials point



Tutorials point



Tutorials point



Tutorials point



The background-image is fixed. Try to scroll down the page.


The background-image is fixed. Try to scroll down the page.


The background-image is fixed. Try to scroll down the page.


The background-image is fixed. Try to scroll down the page.


The background-image is fixed. Try to scroll down the page.


The background-image is fixed. Try to scroll down the page.


The background-image is fixed. Try to scroll down the page.


The background-image is fixed. Try to scroll down the page.


The background-image is fixed. Try to scroll down the page.



The background-image is fixed. Try to scroll down the page.


The background-image is fixed. Try to scroll down the page.


The background-image is fixed. Try to scroll down the page.


The background-image is fixed. Try to scroll down the page.


The background-image is fixed. Try to scroll down the page.


The background-image is fixed. Try to scroll down the page.


The background-image is fixed. Try to scroll down the page.


The background-image is fixed. Try to scroll down the page.


The background-image is fixed. Try to scroll down the page.


style = "border:0px;" src = "/css/images/logo.png" />
/>
style = "border:3px dashed red;" src = "/css/images/logo.png" />














Достарыңызбен бөлісу:




©dereksiz.org 2024
әкімшілігінің қараңыз

    Басты бет