Категория | css
1 2 3 4 5 6 7 | .some-class-for-round-corners { /* Unvalide css for round corners */ -moz-border-radius:10px 10px 0px 0px; -webkit-border-radius:10px 10px 0px 0px; -khtml-border-radius:10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; } |
10px – радиус скругления левого верхнего уголка
10px – правого верхнего уголка
0px – правого нижнего уголка
0px – левого нижнего уголка
Для добавления тени для элементов в современных броузерах иногда использую такой вот код:
1 2 3 4 5 6 7 | .some_class_for_shadows { /* Unvalide css for shadow */ -moz-box-shadow: 0px 0px 5px #999; -webkit-box-shadow: 0px 0px 5px #ccc; -khtml-box-shadow: 0px 0px 5px #ccc; box-shadow: 0px 0px 5px #ccc; } |
0px – расстояние по оси x
0px – расстояние по оси y
5px – размытие
#ccc – цвет тени
Для решения вопроса с полупрозрачностью в IE6 часто использую такой код:
1 2 3 | .some_class_for_ie6 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background.png', sizingMethod='scale'); } |
Для более ленивых существуют специальные обертки на JS 
Решил показать как я верстаю закладки такого типа:
(далее…)
