Divs com cantos arredondados

[charleskx 4]

Alguém sabe me explicar como faço pra criar uma div com cantos arredondados igual a esse alerta do HTML5

http://www.debugado.com.br/wp-content/uploads/2013/07/debugado-validacoes-021.png

 

Sei que os cantos seria o border-radius, oque não faço a menor ideia é aquela setinha.Alguém me explica como faz.

[rockrgo 138]

Não sei se é a forma mais correta, mas vc pode inserir a imagem de uma seta dentro da div e depois ajustar dando uma margem top negativa fazendo com que ela fique fora da div.

[charleskx 4]

Não sei se é a forma mais correta, mas vc pode inserir a imagem de uma seta dentro da div e depois ajustar dando uma margem top negativa fazendo com que ela fique fora da div.

Ha sim entendi, mais não teria um outro jeito onde a seta fosse criada pelo próprio css e seguindo as cores da div pai?

[rockrgo 138]

é só dar uma pesquisadinha...ve se ajuda.

 

http://www.rafaelmarques.com.br/blog/como-fazer-triangulos-com-css/

[charleskx 4]

é só dar uma pesquisadinha...ve se ajuda.

 

http://www.rafaelmarques.com.br/blog/como-fazer-triangulos-com-css/

Muito obrigado rockrgo, ajudou bastante =)