Оформление цитат на CSS

В данной заметке представлено 8 вариантов оформления цитат <blockquote>

Все примеры имеют очень простой HTML код:

<blockquote class="blockquote-N">
	<p>Текст цитаты</p>
	<cite>Автор цитаты</cite>
</blockquote>

Вариант 1:

Опасность не в том, что компьютер однажды начнет мыслить, как человек, а в том, что человек однажды начнет мыслить, как компьютер.

Sydney J. Harris

Вариант 2:

Вариант очень похож на первый, с небольшим отличием.

Кавычка ставится для тега <p> в цитате.

Контент предшествует дизайну. Дизайн без контента не дизайн, это – художественное оформление.

Jeffrey Zeldman

Вариант 3:

Работает? Не трогай!

Любой программист

Вариант 4:

Помните, что обычно есть решение проще и быстрее того, что первым приходит вам в голову.

Donald Knuth

Вариант 5:

Некоторые проблемы лучше не решать, а избегать.

DTony Hoare

Вариант 6:

Если Вы сделаете хорошую работу для хороших клиентов, то это приведет к следующей хорошей работе для других хороших клиентов. А если Вы сделаете плохую работу для плохих клиентов, то это, в свою очередь, приведет к другой плохой работе для других плохих клиентов.

Michael Bierut

Вариант 7:

Очень простой пример с тенью.

Сократ говорил «Познай себя». А я говорю «Познай своих пользователей». И знаете что? Они не думают, так же как и вы.

Joshua Brewer

Вариант 8:

Я хочу создавать красивые вещи, даже если это никому не нужно, в качестве противостояния некрасивым вещам. Это – мое намерение

Saul Bass

Смотрите также:

Добавить комментарий:

Ваш комментарий отправлен!