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:
```
.btn {
visualizzazione:blocco in linea;
imbottitura:15px 25px;
dimensione carattere:16px;
allineamento testo:centro;
decorazione del testo:nessuna;
colore:#fff;
sfondo:#3498db;
bordo:nessuno;
cursore:puntatore;
}
.btn:passa il mouse,
.btn:attivo {
sfondo:#2980b9;
}
.btn:attivo {
trasformazione:scala(0,95);
}
```
Passaggio 2:aggiungi l'elemento HTML per il pulsante
UN. Nell'editor di Weebly, trascina e rilascia un elemento "Codice da incorporare" nella tua pagina nel punto in cui desideri che appaia il pulsante.
B. Incolla il seguente codice HTML nel campo "Codice":
```
```
Passaggio 3:personalizza il pulsante
Puoi personalizzare il pulsante modificando le seguenti proprietà all'interno del codice CSS:
UN. `.btn {colore:#fff; background:#3498db;}` - Cambia il colore del testo e il colore dello sfondo del pulsante.
B. `.btn:hover, .btn:active { background:#2980b9;}` - Cambia il colore del passaggio del mouse e dello stato attivo del pulsante.
Passaggio 4:visualizza l'anteprima e pubblica
UN. Fai clic sul pulsante "Anteprima" per vedere come appare il pulsante sul tuo sito.
B. Se sei soddisfatto dei risultati, fai clic su "Pubblica" per rendere attive le modifiche sul tuo sito web.
Nota :il codice CSS fornito utilizza il testo del pulsante "Click Me". Puoi sostituirlo con il testo desiderato all'interno del codice HTML.
Seguendo questi passaggi, puoi aggiungere pulsanti CSS 3D al tuo sito Weebly per migliorarne l'esperienza utente e l'attrattiva visiva.
Domanda © www.354353.com