Квадраты

Влад Мержевич

Тема: CSS границы

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

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

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

Сам код приведён ниже и не должен меняться, за исключением раздела <head>.

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Квадраты</title>
 </head>
 <body>
  <div class="black"></div>
  <div class="white"></div>
 </body>
</html>

Статьи по теме

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.