Недавно я озадачился закруглением углов у блоков на web-страницах. Оказывается это довольно известная тема, о которую сломано множество копий. Теперь я решил добавить ещё одно.

Я подсмотрел у Dandr довольно элегантный способ нарисовать симпатичные закруглённые уголки.

.entry     {
border:1px solid #d4c7ac;  
background:white; 
padding:1em 1.5em 1.5em 1.5em; 
-moz-border-radius: 5px; 
-khtml-border-radius: 5px; 
-webkit-border-radius: 5px; 
border-radius:5px
}

К сожалению такая красота будет доступна только использующим Mozilla FireFox. И соответственно этот способ трудно рекомендовать правильным вебмастерам, которые стараются сделать дизайн на любой браузер.

Остаётся надеятся, что эта фишка скоро будет поддерживаться в других броузерах.

UPD Согласно http://browsershots.org/ закругления кроме собственно FireFox также видны в броузерах Safari 3.2, Chrome 2.0, Flock 2.0 и SeaMonkey2.0

Нет постов по теме.

Вы можете оставить коммент, или сделать trackback с вашего блога.