границы

Двойная рамка

Сделайте рамку вокруг блока, как показано на рис. 1. Рамка должна корректно отображаться во всех современных браузерах.

Двойная рамка

Рис. 1. Двойная рамка вокруг блока

Квадраты

Для приведённого кода создайте стиль, с помощью которого можно получить результат, представленный на рис. 1. Страница должна корректно отображаться в браузерах IE8, IE9, Firefox 5, Opera 11 и Chrome.

Вид квадратов, оформленных с помощью стилей

Рис. 1. Вид квадратов, оформленных с помощью стилей

Рамка вокруг текста

Придумайте пять способов создания рамки вокруг абзаца произвольного текста (тега <p>). Изменять и модифицировать код HTML нельзя, все изменения делаются только через стили. Кроссбраузерность можно не учитывать.

Текст в рамке

С помощью стилей создайте текст в рамке, как показано на рис. 1.

Текст в рамке

Рис. 1

Эскиз

Сделайте блок, показанный на рис. 1.

Рис. 1