Paso 1:crear CSS personalizado
a. En el editor Weebly, haga clic en "Configuración" en la esquina superior derecha.
b. Seleccione "SEO y código" en el menú de la izquierda.
do. Haga clic en la pestaña "CSS personalizado".
d. Pegue el siguiente código en el campo CSS personalizado:
```
.botón-3d {
pantalla:bloque en línea;
relleno:10px 20px;
color de fondo:#000;
color:#fff;
alineación de texto:centro;
decoración de texto:ninguna;
transformación de texto:mayúsculas;
peso de fuente:negrita;
borde:2px sólido #fff;
}
.botón-3d:activo {
transformar:escala (0,9);
color de fondo:#333;
color del borde:#333;
}
```
Paso 2:Diseñar tu botón
a. En el código, puedes optar por modificar varias opciones de estilo para tus botones.
- Edite "relleno", "color de fondo", "color" y "peso de fuente" para personalizar la apariencia.
- Cambie `border-color` para establecer el color del borde alrededor del botón.
b. Siéntase libre de experimentar con las propiedades CSS para lograr el aspecto deseado para sus botones.
Paso 3:agregue el botón a su sitio
a. En su editor Weebly, agregue un elemento de texto a la ubicación deseada en su página.
b. Haga clic en la pestaña "HTML" dentro de la configuración del elemento de texto.
do. Agregue el siguiente código HTML, reemplazando "Su texto" con el texto que desea mostrar en el botón:
```html
```
Paso 4:Ajustar la ubicación de los botones
a. Puede ajustar la posición y el estilo del botón usando la configuración del elemento Texto.
b. Considere usar las opciones de alineación para centrar o hacer flotar el botón según sea necesario.
Paso 5:guardar y publicar
a. Una vez que esté satisfecho con la apariencia y ubicación de su botón, haga clic en "Guardar" para aplicar los cambios.
b. Obtenga una vista previa de los cambios en su sitio.
do. Cuando esté listo, haga clic en "Publicar" para que el botón esté activo en su sitio web.
Siguiendo estos pasos, puede agregar fácilmente botones de presión CSS 3D para mejorar la experiencia del usuario y la estética de su sitio web Weebly.