Code, data, at QR na tool

Tagabuo ng CSS Button

Ayusin ang mga visual control, tingnan ang preview, at kopyahin ang escaped na HTML at magagamit-muling CSS.

Lokal na pinoproseso sa browserHindi kailangan ng accountMga detalye ng pagkapribado ↗

Paunang tingin

Ayusin ang controls para i-update ang preview at code.

Paano gamitin

Paano gamitin

  1. Ilagay ang label ng button at piliin ang mga kulay.
  2. Ayusin ang padding, border, radius, laki ng font, at shadow.
  3. Kopyahin ang HTML at CSS at suriin sa aktuwal na interface.

Ligtas at tiyak na output

Ini-escape ang label bago ilagay sa HTML. Gumagamit ang output ng tunay na button at malinaw na focus style, pero kailangang ikabit ng app ang aktuwal na action.

Lokal na pagdisenyo

Sa browser lang ginagawa ang preview at code. Hindi ina-upload ang label, setting, o generated code.

Mga madalas itanong

Maaari mo ring alamin

May ginagawa na bang action ang button?

Wala. HTML at CSS lang ang ginagawa nito. Idagdag ang behavior at accessible na konteksto sa project.

Magagamit ba sa link ang CSS?

Maaari ang style, pero link ang gamitin sa navigation at button sa action.