CSS border-radius-generator
CSS-border-radius-generator med åtta oberoende hörnhandtag och reglage samt liveförhandsvisning av den rundade formen. Kopiera färdig border-radius-CSS, gratis i webbläsaren.
border-radius: 50% 50% 50% 50%;Bädda in
Senast uppdaterad: 2026 · Gratis onlineverktyg
Vad är CSS border-radius-generator?
CSS-border-radius-generator med åtta oberoende hörnhandtag och reglage samt liveförhandsvisning av den rundade formen. Kopiera färdig border-radius-CSS, gratis i webbläsaren.
Så använder du
- 1Justera alternativ— Justera stilen med reglage och färgväljare.
- 2Kontrollera förhandsgranskning— Kontrollera resultatet i realtidsförhandsgranskningen.
- 3Kopiera kod— Kopiera CSS- eller SVG-koden för att använda i ditt projekt.
Relaterade verktyg
CSS box-shadow-generatorCSS-box-shadow-generator med reglage för offset, oskärpa, spridning, färg och inset samt liveförhandsvisning. Kopiera färdig box-shadow-CSS, gratis i webbläsaren.
CSS-gradientgeneratorVisuell CSS-gradientgenerator för linjära, radiella och koniska gradienter: sätt färgstopp, justera vinkeln och kopiera CSS-koden. Perfekt för bakgrunder och knappar, gratis i webbläsaren.
CSS Flexbox-generatorCSS Flexbox-lekplats med visuell editor för justify-content, align-items, flex-direction och wrap plus liveförhandsvisning. Generera färdig Flexbox-CSS, gratis i webbläsaren.
CSS-enhetsreferensReferens för CSS-enheter som px, em, rem, %, vw, vh, vmin, vmax och ch, ordnade per kategori. Med tydliga förklaringar av varje absolut och relativ enhet, gratis i webbläsaren.
Vanliga frågor
Det är ett gratis onlineverktyg för att visuellt redigera 8-värdes border-radius.
Ja, vanligt använda stilförinställningar tillhandahålls.
Ja, du kan direkt kopiera den genererade CSS-koden.
Nej. All bearbetning sker i webbläsaren.
Ja, den responsiva designen fungerar på mobila enheter.