Tilføjelse af 3D CSS-trykknapper i Weebly involverer et par trin af kodetilpasning i den tilpassede CSS-sektion. Sådan kan du tilføje dem til dit Weebly-websted:
Trin 1:Opret tilpasset CSS
en. I Weebly-editoren skal du klikke på "Indstillinger" i øverste højre hjørne.
b. Vælg "SEO &Kode" fra menuen til venstre.
c. Klik på fanen "Custom CSS".
d. Indsæt følgende kode i feltet Custom CSS:
```
.btn {
display:inline-blok;
polstring:15px 25px;
skriftstørrelse:16px;
tekst-align:center;
tekst-dekoration:ingen;
farve:#fff;
baggrund:#3498db;
grænse:ingen;
markør:pointer;
}
.btn:hover,
.btn:active {
baggrund:#2980b9;
}
.btn:active {
transform:skala(0,95);
}
```
Trin 2:Tilføj HTML-element til knappen
en. I Weebly-editoren skal du trække og slippe et "Indlejringskode"-element på din side, hvor du ønsker, at knappen skal vises.
b. Indsæt følgende HTML-kode i feltet "Kode":
```
Klik på mig
```
Trin 3:Tilpas knappen
Du kan tilpasse knappen ved at ændre følgende egenskaber i CSS-koden:
en. `.btn {farve:#fff; baggrund:#3498db;}` - Skift tekstfarve og baggrundsfarve på knappen.
b. `.btn:hover, .btn:active {baggrund:#2980b9;}` - Skift farven for hover og aktiv tilstand på knappen.
Trin 4:Se eksempel og udgiv
en. Klik på knappen "Preview" for at se, hvordan knappen ser ud på dit websted.
b. Hvis du er tilfreds med resultaterne, skal du klikke på "Udgiv" for at gøre ændringerne live på din hjemmeside.
Bemærk :Den medfølgende CSS-kode bruger knapteksten "Klik på mig." Du kan erstatte den med din ønskede tekst i HTML-koden.
Ved at følge disse trin kan du tilføje 3D CSS-trykknapper til dit Weebly-websted for at forbedre dets brugeroplevelse og visuelle appel.
