Книга: CSS3 для веб-дизайнеров

Скругление углов

Скругление углов

Теперь добавим свойство border-radius, чтобы скруглить углы кнопки (рис. 6.11).

#thing-alerts fieldset input[type="submit"] {
padding: 8px 15px;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
line-height: 1;
color: #444;
border: none;
background-color: #fff;
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
-o-border-radius: 23px;
border-radius: 23px;
}


Рис. 6.11. Скругление углов кнопки свойством border-radius

Поэкспериментировав с разными значениями, мы остановились на радиусе в 23px.

Оглавление книги


Генерация: 1.558. Запросов К БД/Cache: 3 / 1
поделиться
Вверх Вниз