Пополнить WebMoney
Вывод WebMoney
Обмен WebMoney
Кредит WebMoney

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



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

 

 

 

 

 




Понравилась статья? - добавь ее себе!


 




сайт-визитка / шаблон сайта / обработка фотографий / дизайн афиши, обложки книг, журнал, флаеры и т.д.
 
 
Подробней





nocrisise.ru © 2009-2012