Отправляет email-рассылки с помощью сервиса Sendsay

Web-программирование - это просто!

Подписаться Бесплатная «Серебряная» новостная рассылка . Подписчиков 680 RSS
←   Ноябрь 2009   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30


За последние 60 дней ни разу не выходила


Сайт рассылки: http://www.easyprog.ru
Открыта: 27-06-2009
Адрес автора: comp.soft.prog.easyweb-owner@subscribe.ru

Автор
Александр

Статистика

680 подписчиков
0 за неделю
←   Все выпуски   →

Web-программирование - это просто!


Новое на сайте Программирование - это просто! (www.easyprog.ru):

Добрый день, уважаемые подписчики!

Тема сегодняшнего выпуска: «CSS: отступы».

 

Сегодня мы изучим свойство padding (отступы). В отличии от margin (поля) оно регулирует отступы внутри элемента, а не снаружи. Для демонстрации рассмотрим пример:

 

<HTML>
<HEAD>
<TITLE>Урок 20. CSS: отступы</TITLE>
</HEAD>
<STYLE TYPE="text/css">
<!--
#div1 {
border-top:solid thin black;
border-right:solid thin black;
border-bottom:solid thin black;
border-left:solid thin black;
background-color:yellow;
color:red;
border-color:black;
padding-top:10;
padding-right:15;
padding-bottom:20;
padding-left:25;
}
#div2 {
border-top:solid thin black;
border-right:solid thin black;
border-bottom:solid thin black;
border-left:solid thin black;
background-color:green;
color:white;
border-color:black;
}
-->
</STYLE>
<BODY>

<div id="div1">Некий текст<br>
Некий текст
<div id="div2">Некий текст<br>
Некий текст
</div>
</div>

</BODY>
</HTML>

 

А вот и результат примера:

 

Некий текст
Некий текст
Некий текст
Некий текст

 

 

С уважением, Шуравин Александр, e-mail: megabax@rambler.ru, автор оставляет за собой право публиковать в рассылках ваши письма, если в письме прямо неоговорено нежелание его публиковать.

 
В избранное