Adição de botões CSS 3D no Weebly envolve algumas etapas de personalização de código na seção CSS personalizada. Veja como você pode adicioná-los ao seu site do Weebly:

Etapa 1:Criar CSS personalizado

um. No editor do Weebly, clique em “Configurações” no canto superior direito.
b. Selecione "SEO e código" no menu esquerdo.
c. Clique na guia "CSS personalizado".
d. Cole o seguinte código no campo CSS personalizado:

```
.botão-3d {
display:bloco embutido;
preenchimento:10px 20px;
cor de fundo:#000;
cor:#fff;
alinhamento de texto:centro;
decoração de texto:nenhuma;
transformação de texto:maiúscula;
peso da fonte:negrito;
borda:2px sólido #fff;
}

.button-3d:ativo {
transformar:escala(0,9);
cor de fundo:#333;
cor da borda:#333;
}
```
Etapa 2:Estilizando seu botão

um. No código, você pode optar por modificar várias opções de estilo para seus botões.
- Edite `padding`, `background-color`, `color` e `font-weight` para personalizar a aparência.
- Altere `border-color` para definir a cor da borda ao redor do botão.

b. Sinta-se à vontade para experimentar as propriedades CSS para obter a aparência desejada para seus botões.

Etapa 3:adicione o botão ao seu site

um. Em seu editor Weebly, adicione um elemento Texto ao local desejado em sua página.
b. Clique na guia "HTML" nas configurações do elemento de texto.
c. Adicione o seguinte código HTML, substituindo “Seu Texto” pelo texto que deseja exibir no botão:

```html
Seu texto
```
Etapa 4:ajustar o posicionamento dos botões

um. Você pode ajustar a posição e o estilo do botão usando as configurações do elemento Texto.
b. Considere usar as opções de alinhamento para centralizar ou flutuar o botão conforme necessário.

Etapa 5:salvar e publicar

um. Quando estiver satisfeito com a aparência e o posicionamento do botão, clique em “Salvar” para aplicar as alterações.
b. Visualize as alterações em seu site.
c. Quando estiver pronto, clique em “Publicar” para ativar o botão em seu site.

Seguindo essas etapas, você pode adicionar facilmente botões CSS 3D para aprimorar a experiência do usuário e a estética do seu site do Weebly.