[CSS] Como fazer borda diferente

Bom, depois que eu postei o vídeo do meu Painel, algumas pessoas vieram me perguntar no MSN como fazia aquela borda.
Essa:

Pode perceber que o canto superior direito dela e o inferior esquerdo são arredondados, para fazer isso é simples, basta utilizar essa função em CSS.

border-radius: 7px 0 7px 0;

Bom, você pode adaptar do jeito que você quiser, agora vou explicar os parâmetros dela.
O primeiro e o ultimo parâmetro são responsáveis pelo lado esquerdo da borda, e os dois parâmetros do meio são responsável pelo lado direito.


Então se eu colocasse o codigo assim:

border-radius: 0 7px 7px 0;

O lado direito da borda iria ficar redondo :).


É uma função muito simples, mas é bem útil e deixa os campos de textos mais bonitos! 

Bom, depois que eu postei o vídeo do meu Painel, algumas pessoas vieram me perguntar no MSN como fazia aquela borda.
Essa:

Pode perceber que o canto superior direito dela e o inferior esquerdo são arredondados, para fazer isso é simples, basta utilizar essa função em CSS.

border-radius: 7px 0 7px 0;

Bom, você pode adaptar do jeito que você quiser, agora vou explicar os parâmetros dela.
O primeiro e o ultimo parâmetro são responsáveis pelo lado esquerdo da borda, e os dois parâmetros do meio são responsável pelo lado direito.


Então se eu colocasse o codigo assim:

border-radius: 0 7px 7px 0;

O lado direito da borda iria ficar redondo :).


É uma função muito simples, mas é bem útil e deixa os campos de textos mais bonitos!