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

01/05/2011 в Разное

Исправилось это только с новой версией браузера, и, по словам верстальщиков, исправилось не до конца. Не смотря на эти, с первого взгляда довольно весомые проблемы, верстальщики всё с тем же энтузиазмом используют CSS. Связано это скорее всего с безвыходностью, так как хоть альтернатива и есть, но она не является приемлемой.

Если Вас интересуют хорошие квартиры посуточно Киев или в другом городе, то рекомендуем услуги компании 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 отвечают за ширину и высоту соответственно.

Тэги:

Пожалуйста, оставьте свой комментарий





 

Рекомендуемые к прочтению статьи:

Статистика

Ошибки:

  • 0xc000000f
  • 0xc00000e9
  • 0xc000007b
  • 0xc0150002
  • 0xc0000005
  • Политика конфиденциальности