Лучшее руководство по CSS3 закругленные углы в 2024 году. В этом руководстве вы можете изучить CSS3 закругленные углы,Поддержка браузеров,CSS3 границы радиуса недвижимости,примеров,CSS3 граница радиуса - указать каждое филе,примеров,примеров,CSS3 закругленные углы недвижимость,
Используйте CSS3 границы радиуса собственности, вы можете сделать любой элемент "угол".
Цифры в таблице представляют первый браузер для поддержки номер версии недвижимости.
-webkit- или -moz- предыдущие цифры выразили поддержку первой версии приставки.
属性 | |||||
---|---|---|---|---|---|
border-radius | 9.0 | 5.0 4.0 -webkit- |
4.0 3.0 -moz- |
5.0 3.1 -webkit- |
10.5 |
Используйте CSS3 границы радиуса собственности, вы можете сделать любой элемент "угол".
Следующие три примера:
1. Укажите цвет фона закругленного элемента:
Сопряжение!
2. Укажите филе границы элемента:
Сопряжение!
3. Укажите филе фоновое изображение элементы:
Сопряжение!
Код выглядит следующим образом:
Если указано только одно значение в свойстве границы радиуса, то он будет генерировать четыре филе.
Но если вы хотите, чтобы указать одиннадцать в четырех углах, вы можете использовать следующие правила:
Следующие три примера:
1. Четыре значения - граница радиуса: 15px 50px 30px 5px:
2. Три значения - граница радиуса: 15px 50px 30px:
3. Два значения - граница радиуса: 15px 50px:
Ниже приведен исходный код:
Вы также можете создать эллиптическую угол:
свойство | описание |
---|---|
граница радиуса | Все четыре угла границы - * - * - радиус свойства Акроним |
границы верхнего левого радиуса | Она определяет верхний левый угол дуги |
границы верхнего правого радиуса | Она определяет верхний правый угол радиан |
границы нижнего правого радиуса | Она определяет дугу в нижнем правом углу |
граница-нижний левый-радиус | Он определяет левый нижний угол дуги |