Реализовано 3 разных блока. Может кому и пригодится.
Если заинтересовало - создаются эти блоки так:
народные цитаты
народные приколы
народная мудрость
Для оформления кодов добавить в файл .css стиля следующий код:
Код: Выделить всё
/*------------- народные цитаты ---------------*/
.block_quote_1 {
background-color: #D4F4EA;
border: 1px solid #00B37C;
border-radius: 6px;
box-shadow: 1px 2px 2px 2px rgba(0, 0, 0, 0.4);
font-family: Georgia,serif;
font-size: 16px;
font-style: italic;
margin: 20px;
padding: 20px 15px;
width: 550px;
}
/*------------- народные приколы ---------------*/
.block_quote_2 {
background-color: #87CEFA;
border: 1px solid #20B2AA;
border-radius: 6px;
box-shadow: 1px 2px 2px 2px rgba(0, 0, 0, 0.4);
font-family: Georgia,serif;
font-size: 16px;
font-style: italic;
margin: 20px;
padding: 20px 15px;
width: 550px;
}
/*------------- народная мудрость ---------------*/
.block_quote_3 {
background-color: #FFE4E1;
border: 1px solid #CD5C5C;
border-radius: 6px;
box-shadow: 1px 2px 2px 2px rgba(0, 0, 0, 0.4);
font-family: Georgia,serif;
font-size: 16px;
font-style: italic;
margin: 20px;
padding: 20px 15px;
width: 550px;
}
