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рно Фото которые вы ещё не видели!