CSS скругляем углы

Проблема табличного дизайна заключалась в том что весь дизайн сайта у вас получался квадратным или приходилось утяжелять страницу картинками в которых эти самые скруглённые углы были нарисованы, так ещё и нужно было добавлять под них ячейки, которые значительно удлиняли код и многих запутывали. С приходом вёрстки на дивах и css ситуация не сильно изменилась — углы всё равно приходилось рисовать и позиционировать, но с приходом css3 всё круто изменилось…

Теперь чтоб сделать у элемента скругленные углы или угол нужно просто прописать:

border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;

И получить что-то типа:

.nashclass {
border-color: #000!important;	
border-radius: 5px;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
-khtml-border-radius: 5px;
}

Для того чтоб скруглить один/два/три угол/а нужно указать их скругление по очерёдности:

border-radius: 0px 5px 0px 0px;
-webkit-border-radius: 0px 5px 0px 0px;
-moz-border-radius: 0px 5px 0px 0px;
-khtml-border-radius: 0px 5px 0px 0px;

Так мы сделаем скруглённым только правый верхний угол (отсчёт начинается с левого верхнего и по часовой стрелке).

Задаём остальные необходимые параметры и наш элемент готов!

Постовой: Пoрно Фото которые вы ещё не видели!

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *