Закругленные углы css, часть 3

Если Вас интересуют хорошие квартиры посуточно Киев или в другом городе, то рекомендуем услуги компании Vlasne™.

А теперь, собственно к примерам. Прежде чем начинать, хочется отметить гениальность и простоту CSS. То, что будет показано в уроке, действительно достойно внимания и заслуживает уважения. первым делом описываем идентификатор в файле стиля. В этот раз мы будем использовать слово block. Рекомендуется подбирать слова по-смыслу, так их легче запомнить. Сначала мы нарисуем квадрат, а потом и закруглим его углы. Всё это мы будем делать в CSS:

#block{

Width:150px;

Height:150px;

background:green;

border-radius:6px;

-webkit-border-radius:6px;

-moz-border-radius:6px;

-khtml-border-radius:6px; }

Вот и весь код, осталось только писать его. Строчки width и height отвечают за ширину и высоту соответственно.

Тэги: News