Zêdetir Dîtina Malpera Xweya Xwe çêtir bikin
Fêrbûna çiqas şêwazên şêwirdarî bi CSS re rêbazek mezin e ku çavdêriya we ya malpera xwe çêtir bikin. Formên HTML-ê li seranserî malperên herî malperan ên nav ugliest in. Ew gelek caran borîn û karbidestî têne kirin û di rê de şêwazê pir zêde ne pêşkêş dikin.
Bi CSS, ku dikare biguhere. Dîteya CSS-ê bi hêla formên pêşketî yên nû ve dikare dikarin formên hûrgelên xwe yên xweş bikin.
Guhertina rengan
Wek bi nivîskî, hûn dikarin rengên pêşeroj û paşnav ên formên hêmanan biguherînin.
Riya hêsantir ku rengê rengê rengê hema hema hema hewayê her forma guherîn e, ew e ku ji bo pîşesaziya rengê paşîn-rengê bikar bînin. Ji bo nimûne, ev kodê li hemî hêmanan rengek rengê rengê rengîn (# 9cf) e.
input {
background-color: # 9cf;
rengê # 000
}
Ji bo guherîna rengê ya rengê tenê elementên hinek taybetmendiyê biguherînin, tenê teksta xwe zêde bike û hilbijêre style. Bo nimûne:
input, textarea, hilbijêre {
background-color: # 9cf;
rengê # 000
}
Heke hûn rengê rengê reş tarî bikin ku rengê rengê biguherînin. Rengên cûrbaş alîkarî formên hêmanên bêtir maqûl bikin. Ji bo nimûne, rengê li rengê sor ên sor ên tarî yên reş reş e ku pir rengê spî vala ye, bi hêsanî xwendin. Ji bo nimûne, ev kodê li ser paşnavê sor ya spî vedike.
input, textarea, hilbijêre {
background-color: # c00;
rengê: #fff;
}
Hûn dikarin li rengê rengê rengê rengê xwe binivîsînin. Ji bîr bînin ku rengek forma blokek elementek e , da ku reng rengê tevahiya rectangle, ne tenê cihên hêmanan.
Hûn dikarin paşberê rengek zerînek blokek balkêş bike ku ji bo herêmê bisekinin, mîna vê yekê:
form {
background-color: #ffc;
}
Borders
Wek rengên, hûn dikarin sînorên celebên cûrbecî yên guhertin. Hûn dikarin li seranserî hemî sînor tenê biparêzin. Heke piştrast bikin ku pêdivî ye, an hêmanên te yên wê li pêş sînorê paşîn jammed.
Va ye ku nimûne kodê ji bo sînorê reş-1-pixel bi 5 pixelên paddingê ye:
form {
sînor: 1px solid # 000;
padding: 5px;
}
Hûn dikarin sînor xwe bi tenê bi forma xwe biparêzin. Guherînîna sînorên veguhastinê biguherînin ku ji wan re bisekinin:
input {
sînor: 2px dashed # c00;
}
Hûn hişyar bimînin ku hûn sînorên kontrola li ser dakêşin, wekî ku ew kêmtir bi qonaxên çêdikevin binêrin, û hin kes nikare fêm nakin ku ew di formê de tije bikin.
Taybetiyên Taybet
Bi hêmanên we bi fikr û hin hinek CSS-ê re hevgirtin, hûn dikarin forma nerazîbûna xweş bikin ku hûn dîznav û rengê malpera temam bikin.