Закругляем углы, используя CSS, JavaScript
Вторник, Март 27, 2007Уже не новая, но до сих пор не прошедшая мода на закругление углов в web дизайне, сподвигнула меня написать данную статейку. До сих пор не все знают, как это делается и тем более не каждый знает, что способов закруглить углы как минимум три:
1. C помощью CSS и нескольких картинок
2. Только с помощью CSS (без использования графики)
3. С помощью CSS и JavaScript (без использования графики)
Ну а теперь за дело, начнем по порядку:
1. Закругляем углы, используя CSS и 4 картинки
Для начала создайте эти 4 картинки углов, это можно сделать с помощью большинства графических программ, желательно, что бы картинки были квадратными (с одинаковыми размерами сторон, например по 15 пикселей).
Пример картинок:
