Passaggio 1:crea CSS personalizzato
UN. Nell'editor di Weebly, fai clic su "Impostazioni" nell'angolo in alto a destra.
B. Seleziona "SEO e codice" dal menu a sinistra.
C. Fare clic sulla scheda "CSS personalizzato".
D. Incolla il seguente codice nel campo CSS personalizzato:
```
.pulsante-3d {
visualizzazione:blocco in linea;
imbottitura:10px 20px;
colore di sfondo:#000;
colore:#fff;
allineamento del testo:centro;
decorazione del testo:nessuna;
trasformazione del testo:maiuscolo;
peso carattere:grassetto;
bordo:2px solido #fff;
}
.button-3d:attivo {
trasformazione:scala(0.9);
colore di sfondo:#333;
colore del bordo:#333;
}
```
Passaggio 2:definizione dello stile del pulsante
UN. Nel codice puoi scegliere di modificare varie opzioni di stile per i tuoi pulsanti.
- Modifica `padding`, ` background-color`, ` color` e ` font-weight` per personalizzare l'aspetto.
- Cambia "border-color" per impostare il colore del bordo attorno al pulsante.
B. Sentiti libero di sperimentare le proprietà CSS per ottenere l'aspetto desiderato per i tuoi pulsanti.
Passaggio 3:aggiungi il pulsante al tuo sito
UN. Nel tuo editor Weebly, aggiungi un elemento Testo nella posizione desiderata sulla tua pagina.
B. Fare clic sulla scheda "HTML" nelle impostazioni dell'elemento testo.
C. Aggiungi il seguente codice HTML, sostituendo "Il tuo testo" con il testo che desideri visualizzare sul pulsante:
```html
```
Passaggio 4:regola la posizione dei pulsanti
UN. Puoi regolare la posizione e lo stile del pulsante utilizzando le impostazioni dell'elemento testo.
B. Prendi in considerazione l'utilizzo delle opzioni di allineamento per centrare o spostare il pulsante secondo necessità.
Passaggio 5:salva e pubblica
UN. Una volta che sei soddisfatto dell'aspetto e del posizionamento del pulsante, fai clic su "Salva" per applicare le modifiche.
B. Visualizza l'anteprima delle modifiche sul tuo sito.
C. Quando sei pronto, fai clic su "Pubblica" per rendere attivo il pulsante sul tuo sito web.
Seguendo questi passaggi, puoi aggiungere facilmente pulsanti CSS 3D per migliorare l'esperienza utente e l'estetica del tuo sito web Weebly.
Domanda © www.354353.com