Google-Translate Войти на сайт
 
МЕНЮ САЙТА
РАЗДЕЛЫ
Уроки Ucoz [13]
Уроки Borda.ru [13]
Уроки Photoshop [32]
Уроки Adobe Illustrator [1]
Уроки HTML и CSS [13]
JAVA-Скрипты [15]
Веб-дизайн [17]
Создание и продвижение сайта [92]
Интересные статьи [166]
ВЕЛОЛЮБИТЕЛЯМ!
Ярмарка Мастеров - ручная работа, handmade
КОНТАКТЫ
ICQ: 177700574
skype: k-dezign
e-mail: info@k-dezign.ru
mail-агент: k-dezign@mail.ru
Мы Вконтакте
НАШИ ДРУЗЬЯ
Быстрая и недорогая раскрутка сайта
Регистрация в каталогах
Сибирский рубеж - автоэмали оптом и в розницу. Подбор автоэмалей PROFIX.
Хорошие новости о животных
WOlist.ru - каталог качественных сайтов Рунета
FONWEB.RU - Веб-дизайн
Интересные статьи
Клипарт на прозрачной основе


ЗАРЕГИСТРИРОВАТЬ СВОЙ САЙТ
СТАТИСТИКА
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная | Полезные статьи
Главная » Статьи » Уроки HTML и CSS

Закругленные углы рамки фона
Как сделать рамку вокруг текста с закругленными углами без использования картинки? Очень просто!

С помощью вот такой конструкции в CSS вы сможете сделать рамку любого цвета и размера вокруг необходимого кусочка текста.
<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <title>Закругляем углы на CSS</title>
 <style type="text/css">
 .block {
 color: #fff; /* цвет текста */
 background: #39c; /* фон блока */
 border: 3px #c33 solid; /* стили рамки */
 -moz-border-radius: 10px; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 10px; /* закругление для старых Chrome и Safari */
 border-radius: 10px; /* закругление углов для всех, кто понимает */
 padding: 5px; /* внутренние отступы */
 }
 </style>
 </head>
 <body>
 <div class="block">Содержимое блока.</div>
 </body>
</html>
Пример:

Содержимое блока.


Категория: Уроки HTML и CSS | Добавил: Белая_Кошка (17.05.2012)
Просмотров: 6847 | Комментарии: 1 | Теги: закруглить углы, закругленные углы CSS, закругленные углы | Рейтинг: 0.0/0


Всего комментариев: 1
1  
http://lecaw.ru/index.php/categories/css/item/141-effekt-sognutogo-ugla

Более подробно написано как создавать углы на CSS на примерах

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Веб-студия "К-Дизайн" © 2009-2017
Контакты
ICQ: 177700574
skype: k-dezign
e-mail: info@k-dezign.ru
mail-агент: k-dezign@mail.ru

Счетчики
Яндекс цитирования
Работа
Создание сайтов и форумов
Порядок работы с заказами
Порядок оплаты заказов
Бонусы
Бесплатные кнопки для форумов
Бесплатные дизайны для форумов
Готовые шаблоны для сайтов
Уроки фотошоп
Уроки CMS Ucoz