Se você quiser adicionar uma aparência tridimensional para uma tabela em uma página da web, você pode dar-lhe um "sombreamento". Não há nenhuma maneira de adicionar uma sombra apenas adicionando um código para a própria mesa, mas você pode fazê-lo com código de CSS (Cascading Style Sheet), que define o estilo de um elemento HTML. Você também terá de tomar as medidas necessárias para criar uma imagem de sombra em um programa.
Criar a imagem de sombra
Abra um programa de edição de imagem que lhe permitirá criar uma imagem com um fundo transparente. Vamos para "Arquivo", "Novo" e definir as dimensões de 800 pixels de largura por 800 pixels de altura. Defina o plano de fundo para transparente.
Clique na ferramenta seção de retângulo e clique no canto superior esquerdo do novo documento. Arrastá-lo para baixo em direção ao canto inferior direito do documento para fazer a seleção, mas não estendê-lo todo o caminho até o canto inferior direito. Deixar uma quantidade igual de espaço a partir do lado direito do documento e a borda inferior (cerca de 10 pixels).
Clique em uma luz ou meio tom de cinza na paleta de cores e escolha o "Preencher" ou "Balde de tinta" ferramenta. Clique na seleção para preenchê-lo com o tom de cinza. direita; clique na seleção para de-selecioná-lo.
Vou ao "efeito" menu do programa e selecione o "Borrão" função. O fundo e os lados direito da área cinzenta que você criou irá esbater (nos 10 espaços de pixel que você deixou na lados direito e inferior) e o interior da área cinzenta ainda olhará sólida.
Clique na ferramenta de seleção novamente e selecione a partir do canto superior esquerdo para as bordas internas das bordas borradas (a borda da parte sólida). Clique em "Excluir" para isolar o direito turva e lados inferiores. Salve o documento como uma imagem PNG para que ele possa manter o fundo transparente.
Criar o código
Carregar a imagem de sombra para seu servidor, ou para uma imagem do site de hospedagem gratuita, para dar a imagem de uma URL (https://hostingsite.com/shadowbackground.jpg).
Digite o código entre as tags do HTML da página onde você deseja que a tabela apareça CSS (Cascading Style Sheet).
Verifique se o URL para a imagem é depois "fundo" e os tamanhos das margens são o mesmo que a quantidade de espaço que deixou nas extremidades direita e inferior da imagem. Se você já tem CSS definir o estilo de sua página web, basta digitar o código para a tabela no CSS existente.
Digite o código para a sua mesa, no HTML do documento, onde quer que você quer que ele apareça na página (em qualquer lugar entre as tags):
Esta é uma célula. Esta é uma outra célula. Primeira célula na segunda linha. Segunda célula na segunda linha. Salve o documento HTML da página e recarregue a página para ver a sua mesa com uma sombra.
dicas & avisos
- Para adicionar mais linhas para a sua mesa, basta digitar a seqüência abaixo da última linha e antes da tag. Você também pode adicionar mais células, adicionando mais tags entre as tags.
Como colocar uma imagem de fundo do seu site
Como inserir texto em uma imagem via html
Como fazer colunas em html
Como criar uma página da Web no Word
Como criar um fundo multicolor em uma página web