Лекция №3 План: 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" />
Достарыңызбен бөлісу: |