Как сделать закругленную рамку блока в CSS?

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]

Страница 1 из 1
1

Независимый IT Форум » Программирование » HTML, JavaScript, CSS » Как сделать закругленную рамку блока в CSS? (Закругленные углы в CSS...)

Денис

Дата: Понедельник, 14.11.2011, 16:57 | Сообщение # 1

Сообщений: 1

Репутация: 0

Статус: Offline

Вот сам код:

.content {
float: left;
width: 72%;
margin: 0 2%;
padding: 1em 2%;
background: #ffffff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

как сделать закругленную рамку такого же радиуса и определенного цвета, помогите если можете, картинками не хочу делать, надоело уже и так...

Страна: Украина

Freeman

Дата: Понедельник, 14.11.2011, 17:12 | Сообщение # 2

Сообщений: 43

Репутация: 104

Статус: Offline

Quote (Денис)

как сделать закругленную рамку такого же радиуса и определенного цвета, помогите если можете, картинками не хочу делать, надоело уже и так...

Code

.content {
     float: left;
     width: 72%;
     margin: 0 2%;
     padding: 1em 2%;
     background: #ffffff;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
     /*-----рамка и цвет----*/
     border: 2px solid #ffd460;
     /*---------------------*/
     }

Страна: Беларусь

STreLOK

Дата: Понедельник, 14.11.2011, 17:36 | Сообщение # 3

Сообщений: 3

Репутация: 0

Статус: Offline

да да Вот он Написал))) все Кул))) и будет тебе привет))) batman

так просто, главное читай внимательно)) deal

Страна: Российская Федерация

lails

Дата: Четверг, 22.12.2011, 08:22 | Сообщение # 4

Сообщений: 3

Репутация: 0

Статус: Offline

По мне так в этот код хватает добавить всего лишь

border-radius: 0 0 0 0;
ну и для цвета. .
border-color:#violet;
при чем каждый ноль тут является углом который нужно закруглить на определённый рудиус,
начиная с верхнего левого (и по часовой). smile

Сообщение отредактировал lails - Четверг, 22.12.2011, 08:23

Страна: Казахстан

Страница 1 из 1
1