Здравствуйте! Прочитала вашу статью: контейнер со скругленными скобками. Давно искала такую понятную статью. Решила попробовать- и у меня не получается. Не могли бы Вы подсказать в чём моя ошибка?
html:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> </title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<link rel="stylesheet" type="text/css" href="styles/styles.css"/>
</head>
<body>
<div class="box">
<h2>3аголовок</h2>
<p>Содержимое </p>
</div>
</body>
</html>
css:
.box {
width: 296px;
background: #0a82af url(image/bottom.jpg)no-repeat left bottom;
}
.box h2{
background: url(image/top.jpg)no-repeat left top;
padding: 10px 20px 0 20px;
}
.box p {
padding: 0 20px 10рх 20px;
}
получается квадратный блок синего цвета.
картинку я в фотошопе разрезала на 2части.
