Сейчас на примере создадим отступы для одного абзаца:




Создание класса в CSS:


Подключения класса в HTML:


На примере мы создали отступы для абзаца со всех сторон на 35 пикселей. Также можна зделать отступ с одной стороны. Для этого нада присвоить свойству margin значение left, right, top, bottom.

Пример:




Код в CSS:


В данном примере мы зделали отступ сверху на 45 пикселей для абзаца.

Сейчас попробуем создать отступ от содержимого элемента до его границы. Чтобы визуально это было видно то возьмем елемент в рамке.

Пример:



Создание класса в CSS:


Подключения класса в HTML:



Также можна задавать ширину и высоту границ элемента. Делается это с помощью свойств height(высота) и width(ширина).

Пример:



Код в CSS:



2010-12-22 • Просмотров [ 2174 ]