Njikọ dị nnọọ iche na ibe weebụ, mana ọtụtụ ndị na-emepụta weebụ anaghị aghọta ike ha nwere na CSS iji jikwaa ma jikwa njikọ ha n'ụzọ dị irè. Ị nwere ike ịkọwa njikọ na gara, hover, na arụsi ọrụ ike. I nwekwara ike na-arụ ọrụ na ala na nzụlite iji nye gị njikọ karịa pizzaz ma ọ bụ mee ka ha dị ka bọtịnụ ma ọ bụ ọbụna ihe oyiyi.
Imirikiti ndị na-emepụta weebụ na-amalite site na ịkọwa ụdị dị na mkpado "a":
a {agba: uhie; }Nke a ga - eji ụdị njikọ (hover, visited, na arụ ọrụ). Iji kpaa akụkụ nke ọ bụla iche iche, ị ga-eji klas na ntanetị njikọ.
Kwekọrịta Njikọ-Njikọ
Enwere uzo di iche iche nke uzo di iche iche nwere ike igosi:
- : njikọ - nke a bụ ụdị ndabara maka njikọ ahụ
- : gara - mgbe ejirila njikọ
- : hover - dị ka òké na-na-adị n'elu njikọ (pịa-pịa)
- : na - arụ ọrụ - dịka a na-etinyere njikọ ahụ
Iji kọwaa klas nke njikọ, jiri ya na mkpado na CSS . Ya mere, iji gbanwee agba elee anya nke njikọ niile gị na isi awọ, dee:
a: gara {agba: isi awọ; }Ọ bụrụ na ị na-ahọrọ otu ụlọ ọrụ na-ejikọta ọnụ, ọ bụ ezi echiche ịkpụcha ha niile. N'ụzọ dị otú ahụ, ihe ndị ọzọ na-emepụtaghị gị ga-eju gị anya. Ya mere, ọ bụrụ na ịchọrọ ịgbanwere agba ọhụụ a na-acha na agba, mgbe ihe ọ bụla ọzọ nke njirimara gị dị na nwa, ị ga - ede:
a: njikọ, a: hover, a: active {agba: nwa; } a: gara {agba: agba ntụ; }Gbanwee Njikọ Njikọ
Ụzọ kachasị ewu ewu na njikọ njikọ bụ ịgbanwe agba mgbe òké na-ekpuchi ya:
a {agba: # 00f; } a: hover {agba: # 0f0; }Ma echefula na ị nwere ike imetụta otú njikọ ahụ si ele anya ka ha na-eme ya na ya:
a {agba: # 00f; } a: arụ ọrụ {agba: # f00; }Ma ọ bụ otú njikọ ahụ lere anya mgbe ị gara na ya na: gara aga:
a {agba: # 00f; } a: gara {agba: # f0f; }Iji tinye ya niile:
a {agba: # 00f; } a: gara {agba: # f0f; } a: hover {agba: # 0f0; } a: arụ ọrụ {agba: # f00; }Tinye ihe mgbochi na Njikọ iji Tinye Ama ma ọ bụ Bullets
Ịnwere ike ịdebe ndabere na njikọ dị ka nke dị na Nkeji edemede, ma site na igwu egwu na obere obere, ị nwere ike ịmepụta njikọ nwere akara ngosi metụtara. Họrọ akara ngosi nke dị obere, na 15px site na 15px, ma ọ bụrụ na ederede gị ka ibu. Tinye nhazi ya na otu akụkụ nke njikọ ahụ wee mee ka nhọrọ ịmegharị ka ọ ghara imeghachi. Mgbe ahụ, tụgharịa njikọ ahụ ka ihe ederede n'ime njikọ ahụ gafere ebe dị anya ruo n'aka ekpe ma ọ bụ aka nri iji hụ akara ngosi ahụ.
a [padding: 0 2px 1px 15px; n'azụ: #fff url (ball.gif) n 'aka ekpe adịghị emeghachi; agba: # c00; }Ozugbo i nwetara akara ngosi gị, ịnwere ike ịtọ ọdịdị dị iche iche dịka akara ngosi gị, ọrụ, na nleta iji mee ka njikọ ahụ gbanwee:
a [padding: 0 2px 1px 15px; n'azụ: #fff url (ball.gif) n 'aka ekpe adịghị emeghachi; agba: # c00; } a: hover [ndabere: #fff url (ball2.gif) oghere aka ekpeghi emeghachi; } a: arụ ọrụ [ndabere: #fff url (ball3.gif) oghere aka ekpeghị emeghachi; }Mee ka njikọ gị dị ka bọtịnụ
Bọtịnụ na-ewu ewu, ma ruo mgbe CSS bịara, ị ghaghị ịmepụta bọtịnụ na- eji ihe oyiyi , nke na-eme ka ibe gị dị ogologo oge. O di nwute, enwere uzo ozo nke nwere ike inyere gi aka ime ka udi ihe di nma dika CSS.
a (ókè: 4px mmalite; na-akwa akwa: 2px; ederede-mma: ọ dịghị; a: arụ ọrụ {ókè: 4px ntinye; }Rịba ama, mgbe ị na-etinye agba na njedebe na ejiji akpa, ọ ga-abụ na ihe nchọgharị adịghị eme ka ha nwee ike ịtụ anya ha. Ya mere, ebe a bụ bọtịnụ fanatia na agbụ agba:
a na-agbaso ụdị nke a; ókèala ókè-ala: 1px 4px 4px 1px; ederede-mma: ọ dịghị; mgbochi: 4px; agba ókè-ala: # 69f # 00f # 00f # 69f; }Ị nwere ike imetụta ụdị ugwo na njikwa nke bọtịnụ bọtịnụ, na-ejikwa ndị ahụ dị iche iche:
a: jikọta {nkebi n'ókè-ala: siri ike; ókèala ókè-ala: 1px 4px 4px 1px; ederede-mma: ọ dịghị; mgbochi: 4px; agba ókè-ala: # 69f # 00f # 00f # 69f; } a: hover {color-color: #ccc; }