• Регистрация
  • Вход
MENU
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » Обо всём » Собираем скрипты » Сглаживание углов с помощью css для ucoz без картинки
Сглаживание углов с помощью css для ucoz без картинки
artnovДата: Воскресенье, 27.07.2014, 18:20 | Сообщение # 1
Начальник сайта
Группа: Администраторы
Сообщений: 149
Награды: 0
Репутация: 0
Статус: Offline
В CSS

Код
.b1, .b2, .b3, .b4, .b5,  
.b1 i, .b2 i, .b3 i, .b4 i, .b5 i,  
.b1 b, .b2 b, .b3 b, .b4 b, .b5 b,  
.b1 q, .b2 q, .b3 q, .b4 q, .b5 q {  
height: 1px;  
font-size: 1px;  
overflow: hidden;  
border-style: solid;  
border-width: 0 1px;  
display: block;  
}  
.b1 {  
margin: 0 2px;  
background: #EBEEF0;  
border: none;  
}  
.b1 b {  
margin: 0 1px;  
background: #B8C3C8;  
border-color: #CBD3D7;  
}  
.b2 {margin: 0 1px; border-color: #D6DCDF;}  
.b2 b {border-color: #B8C3C8;}  
.b2 i {border-color: #E4E8EA;}  
.b2 q {border-color: #F7F8F9;}  
.b3 {border-color: #EBEEEF;}  
.b3 b {border-color: #BCC6CB;}  
.b3 i {border-color: #F9FAFB;}  
.b4 {border-color: #CAD2D6;}  
.b4 b {border-color: #E5E9EB;}  
.b5 {border-color: #B5C0C6;}  
.b5 b {border-color: #FAFBFB;}  
.text {  
border: 1px solid #B0BCC2;  
border-width: 0 1px;  
padding: 0 12px;  
}

Куда хотим

Код
<div class="b1"><b></b></div>  
<div class="b2"><b><i><q></q></i></b></div>  
<div class="b3"><b><i></i></b></div>  
<div class="b4"><b></b></div>  
<div class="b5"><b></b></div>  
<div class="text">  

здесь ваш супертекст  

</div>  
<div class="b5"><b></b></div>  
<div class="b4"><b></b></div>  
<div class="b3"><b><i></i></b></div>  
<div class="b2"><b><i><q></q></i></b></div>  
<div class="b1"><b></b></div>
 


 Ссылка на публикацию
 
html-cсылка на публикацию
BB-cсылка на публикацию


Artnov
 
Форум » Обо всём » Собираем скрипты » Сглаживание углов с помощью css для ucoz без картинки
Страница 1 из 11
Поиск: