Legg til 3D CSS-trykkknapper i Weebly involverer noen få trinn med kodetilpasning i den tilpassede CSS-delen. Slik kan du legge dem til på Weebly-nettstedet ditt:

Trinn 1:Opprett tilpasset CSS

en. I Weebly-editoren klikker du på "Innstillinger" øverst til høyre.

b. Velg "SEO &Code" fra venstremenyen.

c. Klikk på fanen "Custom CSS".

d. Lim inn følgende kode i Custom CSS-feltet:

```

.btn {

display:inline-blokk;

polstring:15px 25px;

skriftstørrelse:16px;

tekst-align:center;

tekst-dekorasjon:ingen;

farge:#fff;

bakgrunn:#3498db;

grense:ingen;

markør:peker;

}

.btn:hover,

.btn:active {

bakgrunn:#2980b9;

}

.btn:active {

transform:skala(0,95);

}

```

Trinn 2:Legg til HTML-element for knappen

en. I Weebly-redigeringsprogrammet drar og slipper du et "Bygg inn kode"-element på siden din der du vil at knappen skal vises.

b. Lim inn følgende HTML-kode i "Kode"-feltet:

```

Klikk meg

```

Trinn 3:Tilpass knappen

Du kan tilpasse knappen ved å endre følgende egenskaper i CSS-koden:

en. `.btn {farge:#fff; bakgrunn:#3498db;}` - Endre tekstfargen og bakgrunnsfargen på knappen.

b. `.btn:hover, .btn:active { background:#2980b9;}` – Endre fargen for sveving og aktiv tilstand på knappen.

Trinn 4:Forhåndsvis og publiser

en. Klikk på "Forhåndsvisning"-knappen for å se hvordan knappen ser ut på nettstedet ditt.

b. Hvis du er fornøyd med resultatene, klikk på "Publiser" for å gjøre endringene live på nettstedet ditt.

Merk :Den oppgitte CSS-koden bruker knappeteksten "Klikk meg." Du kan erstatte den med ønsket tekst i HTML-koden.

Ved å følge disse trinnene kan du legge til 3D CSS-trykkknapper på Weebly-nettstedet ditt for å forbedre brukeropplevelsen og den visuelle appellen.