Generator de butoane CSS

Personalizează un buton cu text lizibil și copiază codul CSS.

Pe dispozitivul tău · Fără cont

Generator de butoane CSS prelucrează datele introduse în acest browser. Datele introduse și rezultatele sunt excluse din analizele de trafic. Lista instrumentelor recente salvează numele instrumentelor, numărul de vizite și momentul ultimei vizite. Lista instrumentelor salvate păstrează doar numele acestora. Salvarea ciornelor este opțională și se face pe acest dispozitiv; șterge textul salvat folosind comenzile pentru ciornă. Încărcarea textului de la un URL este opțională și contactează serverul respectiv; serverul vede URL-ul și adresa ta IP. Acțiunea opțională „Folosește în” păstrează în această filă datele de transferat. Următorul instrument le șterge la deschidere și le ignoră dacă a trecut mai mult de un minut.

Opțiunea „Copiază linkul” include în adresă datele introduse pe care alegi să le distribui. Oricine are linkul le poate redeschide. Fișierele și rezultatele generate sunt excluse. Instrumentele pentru parole și chei distribuie doar setările.

Română

Textul butonului

Mai multe opțiuni

Raza colțurilor (px)

Fundal

Text

Rezultatul tău

Mai mult

Comenzi rapide de la tastatură

Despre linkuri și resetare

Linkurile includ datele introduse și setările tale. Oricine are linkul le poate vedea, așa că nu include text privat. Fișierele și rezultatele generate nu sunt incluse; extragerile aleatorii se repetă.

Resetarea reîncarcă instrumentul cu valorile inițiale, închide fișierele deschise și oprește accesul la dispozitive. Ciornele salvate rămân pe acest dispozitiv până le ștergi.

Cum funcționează

Generatorul de butoane CSS oferă declarațiile CSS și o previzualizare în timp real în browser. Ajustează fiecare valoare, apoi copiază codul CSS în propriul selector.

În continuare: Generator de umbre CSS

Exemplu

Exemplul creează un buton „Continuă” cu colțuri rotunjite și o bordură vizibilă.

Înainte de a folosi rezultatul

Instrumentul stabilește aspectul butonului; nu adaugă o destinație sau o acțiune. Verifică în pagina în care îl folosești contrastul și indicatorul de focalizare la navigarea cu tastatura.

Citează această pagină

Stil de citare

ToolOctopus. “Generator de butoane CSS.” Actualizat 7 octombrie 2026. https://tooloctopus.com/ro/generator-de-butoane-css.

Adaugă data accesării dacă instrucțiunile tale de citare o cer.

Citările sunt formatate cu citeproc-js, creat de Frank Bennett, și cu stiluri Citation Style Language. Licență și cod sursă.