| ||
Двойная рамка на CSS 3, объёмная рамка
Данный принцип, позволит создать объёмную рамку объекта. Рассмотрим пример создания красивой, объёмной рамки. Принцип заключается в том, что, объекту задаётся обычная рамка. Далее задаётся свойство тени без смещения по осям, и без размытия, а точнее две таких “тени” разной толщины. Пример кода:
<style type="text/css">
.ramka { border:1px #e0e0e0 solid; border-radius:1px; box-shadow: 0px 0px 0px 6px #f6f6f6, 0px 0px 0px 7px #cccccc; width:176px; padding:10px; } </style> <div class="ramka"> Вот тут, какой то текст<br> И ещё текст...<br> И снова текст... </div> Результат:
Вот тут, какой то текст
И ещё текст... И снова текст... |
| ||
|
| ||
|
| Добавление комментария |
|
|
Авторизация
|