Свойство z-index. Cлои на CSS

CSS

скачать бесплатно — » HTML на примерах, всё доступно и просто (для начинающих)»
— — —чайник, HTML ДЛЯ ЧАЙНИКОВ— — —
>> с к а ч а т ь <<

скачать бесплатно — «Как создать классный сайт!
От начала и до конца»
чайник, HTML ДЛЯ ЧАЙНИКОВ—>> с к а ч а т ь <<

Свойство z-index (слои на CSS)С помощью свойства z-index, задаются слои (координаты) на странице.

Пример:

Свойство z-index (слои на CSS)

>> Вот так будет выглядеть CSS файл:

body{
background: #775B06;}

.dama{
position: absolute;
top: 151px;
left: 151px;
z-index: 1; }

.king{
position: absolute;
top: 201px;
left: 211px;
z-index: 2; }

.tyz{
position: absolute;
top: 251px;
left: 271px;
z-index: 3; }

>> В HTML добавим :

<div><img src=»dama.jpg» class=»dama»></div>
<div><img src=»king.jpg» class=»king»></div>
<div><img src=»tyz.jpg» class=»tyz»></div>

С помощью свойства z-index, можно накладывать текст на картинки или наоборот. Можно делать текст с эффектом тени и т.д.


дальше — курсор (cursor) в CSSчайник, HTML ДЛЯ ЧАЙНИКОВ

 

 

 

 

 

Читайте также:  Использование нестандартных шрифтов на сайте с помощью CSS
Оцените статью
ЗАРАБОТОК В СЕТИ
Добавить комментарий