Чтобы сгладить углы границ элемента нужно в класс стилей прописать border-radius И после двоеточия указать в пикселях мощность сглаживания Но границы должны быть указаны явно. например .elClass { border: 1px solid #000; /* Такая строка указывания границ элемента обязательно должна присутствовать в классе */ border-radius: 3px; /* Это само сглаживание */ }
Также CSS3 позволяет сгладить отдельные углы элемента Для этого используются тэги: border-top-left-radius, border-top-right-radius, border-bottom-left-radius, border-bottom-right-radiusНапример сгладим верхние углы элемента больше чем нижние .classEls { border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; }
Проверено на браузерах: Opera 11.52 Firefox 8
|