Свойство 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.относительное позиционирование, абсолютное позиционирование
Оцените статью
ЗАРАБОТОК В СЕТИ
Добавить комментарий