-Метки

безрукавка спицами варежки спицами видео мк воротник крючком выпечка вяжем детям вязание вязание детям вязание игрушек вязание крючком вязание малышам вязание на машине вязание спицами грелка на чайник джемпер спицами жакет спицами жилет крючком жилет спицами журнал по вязанию журнал по вязанию крючком здоровье игрушка крючком игрушки крючком интересное искусство кайма крючком кардиган спицами кепка крючком коврик крючком кофта ажурная кофта крючком кофта спицами кукла крючком лирика мода мотив крючком мк моя рамочка музыка новый год носки спицами пинетки крючком платье крючком платье спицами платья крючком позитив поэзия пуловер женский пуловер спицами пушкин рамочка от geniavegas рамочки для текста религия рукоделие салфетки крючком свитер спицами следочки спицами советы для дома советы хозяйке. стихи стихи о любви сумка крючком схема для дневника схемы по вязанию топ крючком топик крючком узор спицами узоры крючком узоры крючком схемы узоры спицами фильмы фото цветы крючком читаем шаль крючком шаль спицами шапка спицами юбка крючком юмор

 -Рубрики

 -Поиск по дневнику

Поиск сообщений в ЛККМ

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 16.02.2012
Записей: 6480
Комментариев: 7798
Написано: 18429


Обводка внутри рамки (блока)

Понедельник, 23 Февраля 2015 г. 18:51 + в цитатник
Цитата сообщения Юлия_Гурбер
Хочу представить вам вот такую симпатичную рамку с пунктирной обводкой внутри.
Не правда ли, похоже на прошивку? Этим можно играть, подбирая тканевые цвета. Например, голубой (чем не джинс?)




Рассмотрим значения по порядку написания их в коде.

padding: 10px 10px; — расстояние от края рамки (бордюра) до текста. При необходимости меняем "10" на другую цифру.

background: #FE9980; — фон для записи. Можно вместо #FE9980 подставить другой цвет.

width: 610px; — ширина рамки. Вместо "610" указываем своё значение.

font-size: 27px; — размер шрифта.
font-family: Monotype Corsiva; — вид шрифта. Можно поменять Monotype Corsiva, например, на Georgia.
color: #fff; — цвет шрифта.

border: 2px dashed #fff; — это пунктирная обводка. Можно вместо "2" указать другой размер, а вместо "fff" подставить другой цвет.

border-radius: 3px; — скругление углов в рамке.

box-shadow: 0 0 0 5px #FE9980, 3px 2px 7px 4px rgba(10,10,0,.5); — Внимание! В этой строке меняем обязательно только цвет #FE9980. Он должен быть идентичен с фоном для записи. Это будет продолжением нашего фона над пунктирной обводкой.

text-shadow: -1px -1px #aa3030; — возвращаемся к шрифту... Это его тень, то есть величина "-1" и цвет тени "#aa3030".

Подготовила Юлия Гурбер
Рубрики:  Рамочки
Рамочки
Метки:  
Понравилось: 1 пользователю

Юлия_Гурбер   обратиться по имени Среда, 25 Февраля 2015 г. 10:19 (ссылка)
Благодарю за цитирование!
Ответить С цитатой В цитатник
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку