Hiki ke hana i kahi loulou me CSS i nāʻano likeʻole, akā e nānā kākou iʻelua mauʻano e hiki ai ke hūnāʻia kahi URL mai kaʻike. Inā makemakeʻoe e hana i kahi mea huli hānai aiʻole hua meli ma kāu pūnaewele, he ala maikaʻi kēia e hūnā i nā loulou.
ʻO ke ala mua ma ka hoʻohanaʻana i "no" e like me ka waiwai o ka poʻomanaʻo CSS. ʻO kekahi ma keʻoni waleʻana i ke kikokikona e kūlike i kaʻaoʻao o kaʻaoʻao.
E noʻonoʻoʻaʻole hiki i kahi ala ke hoʻonele loa i ka loulou i ka loaʻaʻana o ke code source. Akā,ʻaʻole hiki i nā malihini ke kipa iki ma keʻano eʻike aku ai iā ia, aʻaʻole eʻikeʻia nā malihini e ka poʻe novice pehea e loaʻa ai ka loulou.
Nānā: Inā eʻimi anaʻoe i nā kuhikuhi e pili ana i kahi e loulou ai i kahi pepa maʻamau waho,ʻo kēia mau kuhikuhiʻaʻohe mea āu e hele nei. Eʻike i keʻano o kahi pepa kiʻi waho? ma kahi.
Hoʻopilikia i ka Pointer Event
ʻO ka hana mua e hiki ai ke hoʻohana iā mākou e hūnā i kahi URL e hana i ka loulou e hana i kekahi mea. I ka wā e'ōwili ai kaʻiole i ka loulou,ʻaʻole e hōʻike i kahi e kuhikuhi ai ka URL aʻaʻole eʻaeʻoe e kaomi.
Kākau pololei i ka HTML
ʻO kekahi pūnaewele pūnaewele, e hōʻoia i ka leka heluhelu i kēiaʻano:
ManaʻokalaniʻO kaʻoiaʻiʻo, "https://www.thoughtco.com/" pono e kuhikuhi i ka URL maoli āu e makemake ai e hūnāʻia, a ua hiki ke hoʻololiʻiaʻo ThoughtCo.com i kekahi hua'ōlelo a hua'ōlelo paha āu e makemake ai e hōʻike ana i ka loulou.
ʻO ka manaʻo maʻaneʻi, e hoʻohanaʻia ka papa hana me ka CSS ma lalo e huna pono i ka loulou.
E hoʻohana i kēia Code CSS
Pono ka CSS code e hoʻoponopono i ka papa hana a wehewehe i ka polokalamu kele pūnaewele kahi hopena ma luna o ka loulou, ponoʻole "no," e like me kēia:
ʻAʻohe pahuhopu. pōʻino: paʻamau; }Hiki iāʻoe keʻike i kēiaʻano ma ka hana ma JSFiddle. Inā weheʻoe i ka code CSS ma laila, a laila hoʻihoʻi hou i kaʻikepili, hiki ke loli i ka loulou me ka hoʻohana. Loaʻa kēia no ka meaʻaʻole i hoʻohanaʻia ka CSS, pono ka loulou.
Hoʻomaopopo: E hoʻomanaʻo i kaʻikeʻana o ka mea hoʻohana i ka pūnaewele kumuhana o kaʻaoʻao, eʻike lākou i ka loulou aʻike pono i kahi e hele ai no ka mea e like me kaʻikeʻana i luna, aia nō ke code i laila,ʻaʻole pono ia.
Hoʻololi i ka Lāhui & # 39; s Leka
Ma keʻano maʻamau, e hana ka mea hoʻolālā pūnaewele i nā leka uila likeʻole i kaʻokoʻa'ē aʻe ma mua o ke kumu i hiki i nā malihini keʻike pono iā lākou aʻike i kahi e hele ai lākou. Eia naʻe, eia mākou maʻaneʻi e hūnā i nā loulou , no laila e nānā i kahi e hoʻololi ai i ke kala e like me kaʻaoʻao o kaʻaoʻao.
E ho'ākāka i kahi papa hana
Inā hoʻohana mākou i keʻano likeʻole mai ke ala mua ma luna nei, hiki iā mākou ke hoʻololi i ka papa i nā mea a pau e makemake ai mākou i mea e hūnāʻia ai nā loulou kūikawā.
Ināʻaʻole mākou i hoʻohana i kahi papa a no ka hoʻohanaʻana i ka CSS mai lalo iho i nā loulou, a laila, nalowale lākou a pau. ʻAʻole kēlā i ka mea a mākou e hele nei ma hope nei, no laila e hoʻohana mākou i kēia helu HTML e hoʻohana nei i ka papa hana hoʻopunipuni maʻamau:
ManaʻokalaniEʻike i ka Uwai e hoʻohana ai
Ma mua o ka hoʻokomoʻana i ka code CSS pono e hūnā i ka loulou, pono mākou eʻike i keʻano o ka'ōuli e makemake mākou e hoʻohana. Inā loaʻa iāʻoe kahi paʻa paʻa, e like me ke keʻokeʻo aʻeleʻele paha, laila maʻalahi. Eia nō naʻe, pono e like pū kekahi mauʻano'ē aʻe.
No ka laʻana, inā he nui ka hex o ka e6ded1 i kou kala piha , ponoʻoe eʻike no ka hana ponoʻana o ka helu CSS no kaʻaoʻao āu e makemake nei e nalowale.
Loaʻa ka nui o kēia mau mea "mea 'ulani" a iʻole "eyedropper" mau meahana e loaʻa ana, kahi i kapaʻiaʻo ColorPick Eyedropper no ka polokalamu pūnaewele Chrome. E hoʻohana iā ia e hōʻano i ka lae mua o kāu pūnaewele e loaʻa ai ka hex.
Hoʻonohonoho i ka CSS e hoʻololi i ke kala
I kēia manawa iāʻoe kaʻaina e pono ai ka loulou, ua hiki ke manawa e hoʻohana ai i kēlā a me ka helu o ka papa maʻamau mai luna mai, e kākau i ka code CSS:
.hideme {leka: # e6ded1; }Ināʻoluʻolu kou kala āpau e like me ke keʻokeʻo a iʻole ka'ōmaʻomaʻo,ʻaʻoleʻoe e kau i ka hōʻailona # i mua o kēia:
.hideme {laula: keʻokeʻo; }E nānā i kēia kiko'āʻina o kēia kikowaena ma kēia JSFiddle.