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.
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:
Inserindo as imagens nos cantos da tabela, temos o efeito de arredondamento, sem problemas e da forma mais simples possível.
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.
Popularity: 10% [?]
Posted in 
Tags: 
