|
С одной стороны острые края, с другой - закруглённые.
|
|
Nexus_96
Сообщений: 14
Сообщение # 1 |
15:04:25
12 Мар 2014
Как сделать, чтобы сверху были закруглённые края, а снизу острые?
Вот код:
Код .qwe {border:1px solid #e8e8e8; -moz-border-radius:0px;-webkit-border-radius:0px; padding:0px; background: #f2f2f2; border-radius: 7px;}
Гуглил, инфу нашёл, но изменений никаких нет.
Спасибо.
|
сondor
Сообщений: 4661
Сообщение # 2 |
15:10:10
12 Мар 2014
Nexus_96, пропишите для необходимого элемента:
Код border-top-left-radius: 10px;
border-top-right-radius: 10px;
|
bandjuk
Сообщений: 6816
Уровень замечаний:
Сообщение # 3 |
15:10:48
12 Мар 2014
.qwe {border:1px solid #e8e8e8; -moz-border-radius: 7px 7px 0px 0px; -webkit-border-radius: 7px 7px 0px 0px; padding:0px; background: #f2f2f2; border-radius: 7px 7px 0px 0px;}
|
Nexus_96
Сообщений: 14
Сообщение # 4 |
15:12:54
12 Мар 2014
сondor, Спасибо большое. Я оказывается не то заменял.
|
exzon0N
Сообщений: 29
Сообщение # 5 |
15:13:09
12 Мар 2014
Nexus_96, ПопробуйтеКод
.qwe {border:1px solid #e8e8e8; -moz-border-radius:0px;-webkit-border-radius:0px; padding:0px; background: #f2f2f2; border-radius: 7px;}
Выделенное красным удалить.
Оставить
Код.qwe {border:1px solid #e8e8e8; padding:0px; background: #f2f2f2; border-radius:10px 10px 0 0;}
Более подробно
http://htmlbook.ru/css/border-radius
Сообщение отредактировал exzon0N - Среда, 12 Мар 2014, 15:17:03
|
Nexus_96
Сообщений: 14
Сообщение # 6 |
15:13:12
12 Мар 2014
bandjuk, И тебе спасибо 
|
Miss_Esq
Сообщений: 13859
Уровень замечаний:
Сообщение # 7 |
15:13:44
12 Мар 2014
bandjuk, А это то зачем ???
-moz-border-radius: 7px 7px 0px 0px; -webkit-border-radius: 7px 7px 0px 0px;
эти артефакты только невалидный мусор .. и без них и мазила и хром нормально работает по border-radius: 7px 7px 0px 0px;
|
сondor
Сообщений: 4661
Сообщение # 8 |
15:15:17
12 Мар 2014
Цитата Miss_Esq (  ) А это то зачем ???
-moz-border-radius: 7px 7px 0px 0px; -webkit-border-radius: 7px 7px 0px 0px;
Совершенно точно, префиксы вообще тут не нужны
|
bandjuk
Сообщений: 6816
Уровень замечаний:
Сообщение # 9 |
15:15:23
12 Мар 2014
Miss_Esq, если не знаешь, значит оно тебе и не нужно )
|
Nexus_96
Сообщений: 14
Сообщение # 10 |
15:16:43
12 Мар 2014
Префиксы удалил. Спасибо.
|
Miss_Esq
Сообщений: 13859
Уровень замечаний:
Сообщение # 11 |
15:19:27
12 Мар 2014
|
Vintash
Сообщений: 379
Сообщение # 12 |
15:20:47
12 Мар 2014
В IE border-radius разве работает?
The Cake Is a Lie
Сообщение отредактировал Vintash - Среда, 12 Мар 2014, 15:21:12
|
сondor
Сообщений: 4661
Сообщение # 13 |
15:20:47
12 Мар 2014
Miss_Esq, с одной стороны невалидно, но с другой стороны бывает очень полезным когда необходимо задать разным браузерам разные значения для одного и того же элемента.
|
Miss_Esq
Сообщений: 13859
Уровень замечаний:
Сообщение # 14 |
15:43:02
12 Мар 2014
Vintash, Цитата В IE border-radius разве работает?
сondor, тогда уж использовать УО $USER_AGENT$ $USER_AGENT_VER$ + css а то и вообще разные html ...
|
Чат сообщества
