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

Вторник, 01 Июля 2014 г. 15:19 + в цитатник

Цитата сообщения Юлия_Гурбер

Прочитать целиком В свой цитатник или сообщество!

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

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

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

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

Ваша подпись

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

Рубрики:

рамочки

Метки: рамочки
Понравилось: 3 пользователям

<a href="https://www.liveinternet.ru/users/4379405/post352045737/"> РЎС‚РёР»СЊРЅС‹Рµ СЂР°РјРєРё (Р±Р»РѕРєРё)</a><br/>РЎС‚РёР»СЊРЅС‹Рµ СЂР°РјРєРё (Р±Р»РѕРєРё)

РќРµРґР°РІРЅРѕ Р·Р°РёРЅС‚РµСЂРµСЃРѕРІР°Р»Р°СЃСЊ CSS (Cascading Style Sheets) вЂ” РєР°СЃРєР°РґРЅС‹Рµ С‚Р°Р±Р»РёС†С‹ СЃС‚РёР»РµР№. 
РњРѕР¶РЅРѕ Р»Рё, РЅРµ Р±СѓРґСѓС‡Рё , РЅР°СѓС‡РёС‚СЊСЃСЏ СЂР°Р·Р±РёСЂР°С‚СЊСЃСЏ РІ СЌС‚РѕРј СЃР»РѕР¶РЅРѕРј РЅР°Р±РѕСЂРµ 
РїР°СЂР°РјРµС‚СЂРѕРІ? Р”Р»СЏ С‡РµРіРѕ? РќСѓ, С…РѕС‚СЏ Р±С‹ РґР»СЏ С‚РѕРіРѕ, С‡С‚РѕР±С‹ СЃ РїРѕРјРѕС‰СЊСЋ СЏР·С‹РєР° CSS СЃРѕР·РґР°РІР°С‚СЊ 
Р±Р»РѕРєРё (СЂР°РјРѕС‡РєРё), РіРґРµ Р±СѓРґСѓС‚ СЂР°Р·РјРµС‰Р°С‚СЊСЃСЏ С‚РµРєСЃС‚, РєР°СЂС‚РёРЅРєРё РёР»Рё С‡С‚Рѕ РЅР°С€РµР№ РґСѓС€Рµ СѓРіРѕРґРЅРѕ. 
РџРѕСЌРєСЃРїРµСЂРёРјРµРЅС‚РёСЂРѕРІР°Р»Р° СЃ РєРѕРґР°РјРё Рё РїРѕР»СѓС‡РёР»Р° РІРѕС‚ С‚Р°РєРёРµ СЃС‚РёР»СЊРЅС‹Рµ, Р»С‘РіРєРёРµ Р±Р»РѕРєРё.
 
РџРѕРґ РєР°Р¶РґС‹Рј СЃС‚РѕРёС‚ РµРіРѕ РєРѕРґ. РњРѕР¶РЅРѕ РјРµРЅСЏС‚СЊ СЂР°Р·РјРµСЂ (Р°С‚СЂРёР±СѓС‚ width: 650px), С†РІРµС‚ С„РѕРЅР°, 
РѕР±РІРѕРґРѕРє, С‡С‚РѕР±С‹ РїРѕР»СѓС‡РёС‚СЊ СЂР°Р·РЅС‹Рµ РїРѕ С†РІРµС‚РѕРІРѕРјСѓ РёСЃРїРѕР»РЅРµРЅРёСЋ Р±Р»РѕРєРё. 
РћР±РѕР·РЅР°С‡РµРЅРёРµ С†РІРµС‚Р°: #ABEDF7, РїСЂ... <a href="https://www.liveinternet.ru/users/4379405/post352045737/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]