<div> <p> Фон в тетрадную клетку на чистом CSS, без использования изображений. <p> С помощью свойства <strong>background-size:</strong> можно легко менять размер клеток... </p> <p> 5 + / <a href="#" class="button">@dobrovoi</a> </p> </div>
@import url(http://fonts.googleapis.com/css?family=Bad+Script&subset=cyrillic,latin); * { box-sizing: border-box; } html, body { height: 100%; } body { background: linear-gradient( #bbb, transparent 1px), linear-gradient( 90deg, #bbb, transparent 1px); background-size: 15px 15px; background-position: center center; } div { max-width: 960px; margin: 0 auto; padding: 10px; text-align: center; color: #222; font-size: 1.4em; font-family: 'Bad Script', cursive; line-height: 1.4; } p { margin-bottom: 10px; }