Amparate à migliurà l'aspettu di u vostru Situu
L'appruntà quantu forma di stile cun CSS hè un modu grandile per migliurà l'aspettu di u vostru situ web. Formulatori HTML sò cunfidenza trà e cose più fugliale nantu à a maiò parte di e pagine web. Sò spessu abbastanti è utilitariu è ùn ùn vi pruponenu assai in u modu di stile.
CSS, chì pò cambià. Cumbatturà CSS cù l'tag ritagli più avanzatu pò cunsultà parechji formi di bè.
Cambià i culori
Cum'è cù u testu, pudete cambià i culori di u primu sfondate è di fondu di l'elementi di forma.
Un modu fàciule per cambià u culore di fondu di quasi ogni elementu di forma hè di utilizà a prupietà di u culore di fondu nantu à l'tag di l'input. Per esempiu, questu codice applicanu un culore di culore blu (n ° 9cf) nantu à tutti l'elementi.
input {
culore di culori: # 9cf;
culore: # 000;
}
Per mudificà u culore di fondu di solu certi elementi di forma, aghjunghje sanu di u testu è selezziate à l'stile. Per esempiu:
input, textarea, select {
culore di culori: # 9cf;
culore: # 000;
}
Assicuratevi cambià u corpu di testate sè vo fate u vostru foncatu culori scuru. Contrasting colors help make the form elements more legible. Per esempiu, u testu in un culore di fondu rossu rossu hè assai più facilmente leghje chè u coru di u testu hè biancu. Per esempiu, stu codice ponite u testu biancu nantu à u fondu rossu.
input, textarea, select {
culore di culore: # c00;
culore: #fff;
}
Pudete ancu mette un culore di fondu nantu à l'etiqueta di forma. Ricurdà chì u tag in forma hè un elementu di blocu , perchè u culore chjave in tuttu u rectangulu, micca solu i locu di l'elementi.
Pudete aghjunghje un fondo amaricu à un elementu di blocu per fà chì l'area si stalla, cum'è questu:
forma {
culore di culore: #ffc;
}
Add Border
Cum'è cù culori, pudete cambià a fruntiere di diversi elementi di forma. Pudete aghjunghje una fruntiera unica in tutta a forma. Assicuratevi di aghjunghje l'elementu, o i vostri elementi di formate saranu stampati à prossimu à a fruntiera.
Eccu unempiu di codice per un frontu nativu di 1 pixel cù 5 pixelli di padding:
forma {
frontière: 1 chx solid # 000;
padding: 5px;
}
Pudete metterà e fruntiere più cà solu da a forma stessu. Change the border of the input items to stand out:
input {
frontière: 2px cravate # c00;
}
Attentu quandu si mette e fruntiere nantu à e boxe di ingressu cumu pareanu à pocu quantu i cartoni di l'input, qualchissia ùn pò capisce chì si pò cumpientanu a forma.
Cumpressate Funzioni Stil
Per allughjassi i vostri formi elementi cù u pinseri è qualchì CSS, pudete furnisce una forma di bonificante chì cumplementa u disignu è u schema di u vostru situ.