Como criar uma tabela com cantos arredondados

Como conhecemos, as tabelas que são criadas em HTML têm seus cantos quadrados por natureza, mas com um pequeno e simples artifício, é possível contornar essa situação e dar uma melhor aparência ao seu site deixando as tabelas com cantos arredondados.

Vejamos o exemplo de tabela abaixo:

O último dos 3 desenhos representa uma tabela de cor verde sobre uma página de fundo branco.
completo
O primeiro passo é criar 4 imagens que serão inseridas nos quatro cantos da tabela, de modo a dar o efeito arredondado. A imagem criada deverá ter a cor da página onde a tabela foi inserida, e que seja salva com fundo transparente para que se adapte ao fundo da tabela. Vejamos nossa imagem:

png simples

Inserindo as imagens nos cantos da tabela, temos o efeito de arredondamento, sem problemas e da forma mais simples possível.

criar site

Este tutorial foi criado a pedido do Dayvisson, de Curitiba – Paraná.

Caso hajam dúvidas, façam uso dos comentários e enviem suas dicas de postagem.

Até a próxima.

Related Posts with Thumbnails

Popularity: 10% [?]

Posts relacionados:

You can leave a response, or trackback from your own site.

Leave a Reply

Comment moderation is enabled. Your comment may take some time to appear.

Powered by WordPress | Compare Credit Card Deals at iApplyForCreditCards.com | Thanks to BestInCreditCards.com, Video Game Music and Get Six Pack Abs
Copy Protected by Chetan's WP-CopyProtect.