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

^{Скругление углов}

Теперь добавим свойство 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.

Данный текст является ознакомительным фрагментом.