Так уж повелось, увлекаясь какой-либо темой, хочется наиболее полно раскрыть ее в своих публикациях. Это, как бесконечные сериалы, поклонником которых ни в коем случае не являюсь. Нет, иногда, что-нибудь почитать, согласен, но очень часто после второй, третьей книжки, понимаешь - бессмысленная трата времени. Надеюсь в данном конкретном случае, вам не захочется навсегда забыть дорогу к этому блогу ;)

Передыдущий пост, был бы не полным, без отражения возможности использовать блок с закругленными углами с окаймляющим его border-ом и так любимым мной градиентом.

Опять же, только html и css. Стили слегка увеличились в размерах это и понятно, html не претерпел никаких изменений.

Скриншот. В первом случае углы у контейнера обрезаны под углом 45 градусов, во втором задан не большой радиус, в третьем - так называемый псевдорельеф.

Подробно останавливаться на html и css нет необходимости, теория подобных построений давно изложена, лучше, едва ли смогу написать. Будем считать данный цикл статей руководством к действию, теория в практических примерах.

Разбирайтесь с тестовой страницей, возможно, вам захочется, что-то сделать лучше, привнеся свои идеи.

Дерзайте!