На моем сайте мне нужно сделать div, чтобы закругленные углы были только на верхних углах. Но я не знаю, как это сделать. Кто-нибудь может мне помочь?
Как сделать углы округленными только в верхней части границы в css?
Ответ 1
Ответ Брендана верен, но чтобы получить его в других браузерах, вы должны использовать это:
-moz-border-radius: 0px;
-webkit-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px;
Ответ 2
border-top-left-radius: 3px;
border-top-right-radius: 3px;
Ответ 3
Другие ответы верны, но есть сокращенное решение:
border-radius: 3px 3px 0 0;
который будет охватывать только верхние углы и оставить только нижние. Порядок значений по часовой стрелке - верхний левый, верхний правый, нижний правый, нижний левый.
Вот пример: http://jsfiddle.net/9sXWf/