Программирование - это просто
Advertisement
Главная arrow Web-программирование arrow Уроки CSS arrow Тема сегодняшнего урока: «CSS: отступы» (padding, top, left)
18.04.2024 г.
Главное меню
Главная
Интернет магазин
Программные продукты
Биржевые роботы
Искусственный интеллект
Математика и информатика
1С:Предприятие
Уроки C#
Уроки Delphi
Уроки программирования
Web-программирование
Дизайн и графика
Компьютер для блондинок
Исходники
Статьи
Платный раздел
Рассказы про компьютеры
Хитрости и секреты
Системный подход
Размышления
Наука для чайников
Друзья сайта
Excel-это не сложно
Все о финансах
.
Тема сегодняшнего урока: «CSS: отступы» (padding, top, left) Печать E-mail
Автор megabax   
19.01.2010 г.
Урок 13. Управление шрифтами в CSS New Page 1

Тема сегодняшнего урока: «CSS: отступы» (padding, top, left).

 

Сегодня мы изучим свойство 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>

 

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

Последнее обновление ( 19.01.2010 г. )
 
« След.   Пред. »
 
© 2024 Программирование - это просто
Joomla! - свободное программное обеспечение, распространяемое по лицензии GNU/GPL.
Русская локализация © 2005-2008 Joom.Ru - Русский Дом Joomla!
Design by Mamboteam.com | Powered by Mambobanner.de
Я принимаю Яндекс.Деньги