-Цитатник

Пробуждение сознания или электронный концлагерь? - (0)

Пробуждение сознания или электронный концлагерь? Нет ничего сильнее идеи, время которой при...

Баннеры и кнопки на прозрачном фоне - (0)

Моя подборка - "Баннеры и кнопки на прозрачном фоне"   ...

Инструмент для подбора цветов и генерации цветовых схем - (0)

Инструмент для подбора цветов и генерации цветовых схем   ...

Салат Оливье по новому рецепту: Вкуснее, чем классический! - (0)

Салат Оливье по новому рецепту: Вкуснее, чем классический! Традиционный салат Оливье является неотъ...

КАК ПРИНИМАЛИ В КОМСОМОЛ… - (0)

КАК ПРИНИМАЛИ В КОМСОМОЛ… Скажи-ка, дядя, ведь недаром, Едва покрытые загаром, Пленяют ягод...

 -Фотоальбом

Посмотреть все фотографии серии Общая
Общая
00:45 05.04.2010
Фотографий: 10

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

Поиск сообщений в iskatel-nev

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

 

 -Статистика

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


Стильные рамки (блоки)

Четверг, 26 Марта 2015 г. 14:12 + в цитатник
Цитата сообщения Юлия_Гурбер Стильные рамки (блоки)

Недавно заинтересовалась CSS (Cascading Style Sheets) — каскадные таблицы стилей.
Можно ли, не будучи веб-дизайнером, научиться разбираться в этом сложном наборе
параметров? Для чего? Ну, хотя бы для того, чтобы с помощью языка CSS создавать
блоки (рамочки), где будут размещаться текст, картинки или что нашей душе угодно.
Поэкспериментировала с кодами и получила вот такие стильные, лёгкие блоки.

Под каждым стоит его код. Можно менять размер (атрибут width: 650px), цвет фона,
обводок, чтобы получить разные по цветовому исполнению блоки.
Обозначение цвета: #ABEDF7, просто оставляем решётку #, убираем ABEDF7,
и ставим свой цвет.

Здесь будет ваш текст

Ваша подпись


Здесь будет ваш текст

Ваша подпись

Здесь будет ваш текст

Ваша подпись

Здесь будет ваш текст

Ваша подпись


Подготовила Ю. Гурбер

Рубрики:  Оформление Сайта

 

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

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

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

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