Foirmean Stoidhle Le CSS

Ionnsaich ri Coimhead air an Làrach-lìn agad

Tha ionnsachadh mar a stoidhlear foirmean le CSS mar dhòigh mhath air sealladh do làrach-lìn a leasachadh. Is dòcha gum bi foirmean HTML am measg nan rudan as grinne air a 'mhòr-chuid de dhuilleagan lìn. Tha iad gu tric tlachdmhor agus feumail agus chan eil iad a 'tairgse mòran ann an dòigh stoidhle.

Le CSS, faodaidh sin atharrachadh. Le bhith a 'cur CSS còmhla ris na clò-bhualadh nas adhartaiche, bheir sinn seachad cuid de na foirmean a tha a' coimhead gu math.

Atharraich na dathan

Dìreach mar a th 'ann an teacsa, faodaidh tu an aghaidh agus dathan cùl-raoin nan eileamaidean foirm atharrachadh.

Is e dòigh furasta atharrachadh dath an cùl-taic de cha mhòr a h-uile h-aon riochd a bhith a 'cleachdadh an togalaich dath-coltas air a' chileag ionchuir. Mar eisimpleir, tha an còd seo a 'buntainn ri dath cùl-gorm (# 9cf) air na h-eileamaidean uile.

input {
cùl-dath: # 9cf;
dath: # 000;
}

Gus dath cùl-raoin a dhèanamh de chuid de na h-eileamaidean àraid, cuir dìreach textarea agus tagh gu stoidhle. Mar eisimpleir:

steach, textarea, tagh {
cùl-dath: # 9cf;
dath: # 000;
}

Dèan cinnteach gun atharraich thu dath an teacsa ma dh 'fhaodadh tu do dhuilleag cùil dorcha. Bidh dathan coimeasach a ' cuideachadh gus na h-eileamaidean foirm a dhèanamh nas so-leònte. Mar eisimpleir, tha teacsa air dath dorcha dearg dearg nas fhasa a leughadh ma tha dath an teacsa geal. Mar eisimpleir, bidh an còd seo a 'cur teacsa geal air cùl dearg.

steach, textarea, tagh {
cùl-dath: # c00;
dath: #fff;
}

Faodaidh tu fiù 's dath cùl-taic a chur air a' chileag fhoirm fhèin. Cuimhnich gur e eileamaid bloc a tha ann an tag na foirm, agus mar sin tha an dath a 'lìonadh anns a' cheàrnach-cheàrnach gu lèir, chan ann a-mhàin sna h-àiteachan.

Faodaidh tu cùl-raon buidhe a chur ri eileamaid bloca gus an tèid an raon a sheasamh a-mach, mar seo:

foirm {
cùl-dath: #ffc;
}

Cuir Crìochan ris

Mar le dathan, faodaidh tu crìochan diofar eileamaidean cruth atharrachadh. Faodaidh tu aon chrìoch a chur timcheall an fhoirm gu lèir. Dèan cinnteach gun cuir thu pleadachadh air adhart, no thèid na h-eileamaidean agad a chumail suas ri taobh na crìche.

Seo eisimpleir de chòd airson crìochan 1-piogsail le 5 picteal de ghlèidheadh:

foirm {
crìochan: 1px solid # 000;
gleabadh: 5px;
}

Faodaidh tu crìochan a chur timcheall air barrachd na dìreach an fhoirm fhèin. Atharraich crìochan nan rudan a chuireas a-steach gus am bi iad a 'seasamh a-mach:

input {
crìochan: 2px air falbh # c00;
}

Bi faiceallach nuair a chuireas tu crìoch air bogsaichean a-steach oir chan eil iad a 'coimhead cho coltach ri bogsaichean ion-chuimse an uairsin, agus faodaidh cuid nach tuig iad gun urrainn dhaibh am foirm a lìonadh.

Cuir ri chèile Feartan Stoidhle

Le bhith a 'cur eileamaidean an fhoirm còmhla còmhla ri cuid de CSS, faodaidh tu foirm snog a thaghadh a tha a' cur ri dealbhadh agus cruth na làraich agad.