Você não tem que ficar com uma mesa tradicional para o seu site. Através da implementação de folhas de estilo em cascata, ou CSS, você pode personalizar o seu tabela de tamanho, preenchimento de fundo e de forma automática ou usar uma imagem para a borda da mesa. Você deve usar o mesmo tamanho de largura para a fronteira e mesa em seu código CSS. Então, se sua mesa é de 800 pixels, a sua fronteira deve ser muito. O aumento da cobertura da fronteira também aumenta a espessura da borda da mesa. Diminuindo ele cria uma borda mais fina.
Coisas que você precisa
- Editor de texto
- Imagem
Abra o seu editor de texto favorito, como o Notepad. selecionar "Arquivo" e "Aberto" a partir do menu. A caixa de diálogo Abrir é exibida. Clique duas vezes no arquivo HTML que você deseja modificar.
Adicione o código CSS entre o
tags do seu arquivo HTML:Substitua a largura 800px sob a fronteira e mesa com a largura real da tabela que você está criando. Alterar o nome do arquivo da imagem do seu-image-file.jpg à imagem real que você deseja usar. Para alterar o local onde as fronteiras exibe na sua mesa, vá para o "custom_outline" estilo e substituí-padding: 5px; com um código diferente. O código a seguir mostra a borda da imagem acima e abaixo da tabela:
padding-top: 5px;
padding-bottom: 5px;
Coloque o cursor entre a abertura e fechamento
etiquetas onde você deseja que a tabela personalizado para ir e insira o seguinte código:conteúdo de sua tabela Substituir "conteúdo de sua tabela" com a informação real que você deseja exibir na sua mesa.
Clique "Arquivo" e "Salvar" a partir do menu para atualizar seu arquivo HTML.
Como inserir texto em uma imagem via html
Como fazer colunas em html
Como mover texto abaixo uma tabela em html
Como fazer uma caixa com o texto dentro html