Faʻasologa o foliga ma le CSS

Aoao e faaleleia atili le vaʻaiga o lau 'upega tafaʻilagi

O le aʻoaʻoina pe faʻapefea ona fai ni sitaili ma CSS o se auala sili lea e faʻaleleia ai foliga o lau 'upega tafaʻilagi. Folasaga HTML e mautinoa lava o mea pito sili ona leaga i le tele o itulau uepi. E tele lava ina manaia ma faʻaaogaina ma e le ofoina atu le tele i le auala o le faiga.

Faatasi ai ma le CSS, e mafai ona suia. O le faʻafefiloi o le CSS faʻatasi ai ma le sili atu ona faʻaleleia o pine e mafai ona tuʻuina atu ni foliga matagofie.

Suia Laau

E faʻapei o faʻamatalaga, e mafai ona e suia le pito i luma ma le lanu o lanu o elemene.

O se auala faigofie e sui ai le lanu o le pito i lalo o toetoe lava o ituaiga uma elemene o le faʻaaogaina lea o le lanu lanu i luga o le tusiga o tusia. Mo se faʻataʻitaʻiga, o lenei tulafono faʻaaoga se lanu lanumoana (# 9cf) i luga o elemene uma.

input {
lanu-lanu: # 9cf;
lanu: # 000;
}

Ina ia suia le lanu o le pito i tua o na o ni mea faigofie lava, ia na o le faaopoopo atu o textarea ma filifili i le ituaiga. Faataitaiga:

input, textarea, filifili {
lanu-lanu: # 9cf;
lanu: # 000;
}

Ia mautinoa e suia le lanu o le gagana pe afai e te faʻafiafiaina lanu lanu. O le faʻatusatusaina o lanu e fesoasoani e faʻaogaina atili ai elemene elemene. Mo se faʻataʻitaʻiga, o faʻamatalaga i luga o se lanu mumu lanu mumu e sili atu ona faigofie ona faitau pe afai e sinasina le lanu. Mo se faʻataʻitaʻiga, o lenei tulafono e tuʻu ai tusitusiga papaʻe i luga o se lanu mumu.

input, textarea, filifili {
lanu-lanu: # c00;
lanu: #fff;
}

E mafai foʻi ona e tuʻuina se lanu faʻavasega i luga o le pepa faʻailoga lava ia. Manatua o le fomu tag o se elemene poloka , o lea e tumu ai le lanu i le tafaʻo atoa, ae le na o nofoaga o elemene.

E mafai ona e faʻaopopo se lanu samasama i se elemene elemene e faʻasaga ai le vaega, pei o lenei:

pepa {
lanu-lanu: #ffc;
}

Faaopopo le Tua

E pei o lanu, e mafai ona e suia tuaoi o ituaiga eseese. E mafai ona e faʻaopopoina se laina se tasi i le pepa atoa. Ia mautinoa e faʻaopopo mea e teu ai le fale, pe o lau fomu elemene o le a faʻailogaina i tafatafa o le tuaoi.

O se faʻataʻitaʻiga lea o le code code mo se tuaoi lanu moana e 1-pika ma le 5 pika o le puipui:

pepa {
tuaoi: 1px soli # 000;
paʻu: 5px;
}

E mafai ona e faia ni tuaoi e sili atu nai lo na o le pepa lava ia. Suia le tuaoi o mea e faʻaaogā ai mea e tuʻu ai i fafo:

input {
tuaoi: 2px paʻu # c00;
}

Faʻaeteete pe ae tuʻuina ni atigipusa i pusa o loʻo i totonu, pe a foliga mai e le pei o ni atigipusa i totonu, ma atonu e le iloa e nisi e mafai ona latou faʻatumu le pepa.

Faʻatasi Faʻauiga Faʻapitoa

E ala i le faʻapipiʻiina o au fomu elemene ma mafaufauga ma nisi CSS, e mafai ona e seti se foliga manaia e tumu ai le mamanu ma le faʻatulagaina o lau 'upega tafaʻilagi.