Como deixar barra de menu horizontal com cantos arredondados?

Pessoal,
Ajudem nessa, vi em um site aqui da Li a barra de menu horizontal com cantos arredondados e achei legal.
Alguém sabe e pode ajudar?
http://selvashop-manutencao.lojaintegrada.com.br/

Você quer alterar o campo de busca e o carrinho de compras?
se for isso, no editor de CSS você coloca isso:

.busca input { border-radius: 8px; }
.carrinho>a i {
border-bottom-left-radius: 8px;
border-top-left-radius: 8px;
}
.carrinho { border-radius: 8px; }

Espero que ajude!

Olá, não… isso ai no meu eu fiz…

onde marquei de vermelho que quero deixar os cantos arredondados.

Não aconteceu nada… coloquei conforme me mandou, com ponto, com # no inicio e nada… :confused:

Cara, consegui arredondar meu menu, só copiar e colar:

#cabecalho > .conteiner > .menu.superior {border-radius:10px; }

3 curtidas

Se quiser mais arredondado é só mudar o numero para mais de 10px

coloca só a # antes do cabeçalho e dê um espaço entre o colchete e a palavra border.

olha como ficou meu site http://www.orthohouse.com.br

1 curtida

Tenta assim @Hudson : #cabecalho > .conteiner > .menu.superior {
border-radius:15px;
}

sem o espaço no inicio se quiser mais arredondado é só aumentar o valor 15 pra qualquer um e se quiser menos arredondado é só diminuir.

e ali onde tem a identificação do cliente tem como arredondar? e abaixo no email?

Obrigado me ajudou!!
E continue assim compartilhando seu conhecimento, acredito que isso é muito importante

amigo sabe o código para diminuir a barra do menu superior, deixar centralizado e sem sobras