Ithute ho Ntlafatsa Tlhahlobo ea Websaete ea hau
Ho ithuta mokhoa oa mokhoa oa ho sebelisa mokhoa oa CSS ke mokhoa o motle oa ho ntlafatsa ponahalo ea websaeteng ea hau. Mefuta ea HTML ha ho pelaelo hore ho na le lintho tse bohloko ka ho fetisisa maqepheng a mangata a websaete. Ba atisa ho ba bobebe le ho sebelisa mekhoa e metle 'me ha ba fane haholo ka mokhoa oa mokhoa.
Le CSS, e ka fetoha. Ho kopanya CSS le melaetsa e tsoetseng pele haholo ho ka fana ka mefuta e meng e shebahala hantle.
Fetola Mebala
Feela joalokaha ka mananeo, u ka fetola mebala ea pele le mebala ea lihlooho tsa foromo.
Tsela e bonolo ea ho fetola 'mala oa mobala oa hoo e batlang e le mofuta o mong le o mong oa sebopeho ke ho sebelisa thepa ea' mala oa mokokotlo lebokoseng la ho kenya. Ka mohlala, khoutu ena e sebetsa 'mala oa seputsoa (# 9cf) likarolong tsohle.
ho kenya {
'mala oa mokokotlo: # 9cf;
'mala: # 000;
}}
Ho fetola 'mala oa mokokotlo oa lihlooho tse itseng feela, kenyelletsa textarea' me u khethe mokhoa oo. Ka mohlala:
tlatsetso, textarea, khetha {
'mala oa mokokotlo: # 9cf;
'mala: # 000;
}}
Etsa bonnete ba hore u fetola 'mala oa molaetsa haeba u etsa hore' mala oa mobala oa hao o be lefifi. Mebala e fapaneng e thusa ho etsa hore lihlooho tsa foromo li fumanehe haholoanyane. Ka mohlala, melaetsa e hlahisang mmala o mofubelu o lefubelu e bala habonolo haeba molaetsa oa molaetsa o le tšoeu. Ka mohlala, khoutu ena e beha mongolo o mosoeu molomong o mofubelu.
tlatsetso, textarea, khetha {
mobala oa mokokotlo: # c00;
'mala: #fff;
}}
U ka ba ua kenya 'mala oa mokokotlo ka foromo ea eona ka boeona. Hopola hore tokomane ea foromo ke ntho e thibelang , kahoo 'mala o tlatsa lilareng kaofela, eseng feela libaka tsa likarolo.
U ka eketsa leseli le mosehla ho ntho e thibelang ho etsa hore sebaka seo se hlahe, joalo ka sena:
foromo {
mobala oa mokokotlo: #ffc;
}}
Kenya meeli
Joaloka mebala, u ka fetola meeli ea likarolo tse fapaneng tsa foromo. U ka eketsa moeli o le mong o potolohileng foromo eohle. Etsa bonnete ba hore u ka eketsa padding, kapa likarolo tsa hau tsa foromo li tla kenngoa ka holimo ho moeli.
Mona ke mohlala oa khoutu bakeng sa moeli o mobe o motso o le 1 le pixels tse hlano tsa padding:
foromo {
moeli: 1px matla # 000;
ho robala: 5px;
}}
U ka beha meeli e pota-potileng ho feta feela foromo ka boeona. Fetola moeli oa lintho tsa ho kenya ho etsa hore li eme hantle:
ho kenya {
moeli: 2px o kentse # c00;
}}
E-ba hlokolosi ha u kenya meeli ea lihlopha tsa ho kenya ha li shebahala li le tlaase joaloka mabokoseng a ho kenya ka nako eo, 'me batho ba bang ba ka' na ba se ke ba hlokomela hore ba ka tlatsa foromo.
Kopanya Style Features
Ka ho bokella likarolo tsa hau tsa moelelo ka mohopolo le CSS, u ka theha foromo e ntle e khabisang moqapi le sebaka sa sebaka sa hau.