Холбоосыг өнгөөр хэрхэн тодруулах вэ

Агуулгын хүснэгт:

Холбоосыг өнгөөр хэрхэн тодруулах вэ
Холбоосыг өнгөөр хэрхэн тодруулах вэ

Видео: Холбоосыг өнгөөр хэрхэн тодруулах вэ

Видео: Холбоосыг өнгөөр хэрхэн тодруулах вэ
Видео: Аяга таваг угаагч шахмал юу хийж чадах вэ / Өрхийн зөвлөмж 2024, Арванхоёрдугаар сар
Anonim

HTML тэмдэглэгээний хэл нь вэб хөтчийн цонхонд элементүүдийг харуулах олон тооны сонголттой байдаг. График параметрүүдийг засах, хуудасны элементүүдэд өнгө тохируулахын тулд CSS-ийг ихэвчлэн ашигладаг бөгөөд энэ нь хүссэн текстийн өнгийг нарийн тохируулах боломжийг олгодог.

Холбоосыг өнгөөр хэрхэн тодруулах вэ
Холбоосыг өнгөөр хэрхэн тодруулах вэ

Зааварчилгаа

1-р алхам

Холбоосыг харуулах параметрийг засахын тулд хуудасны кодыг өөрчлөх шаардлагатай. HTML баримтаа код засах хэрэгслээр нээнэ үү. Стандарт Windows засварлагч "Notepad" -ийг ашиглана уу. Та Notepad ++ эсвэл HTML-Viewer гэх мэт нэмэлт програмуудыг суулгаж болох бөгөөд ингэснээр танд шаардлагатай кодыг синтакс тодруулж харах боломжтой болно. Файлыг редакторт нээхийн тулд хулганыхаа баруун товчийг дараад "Open with" -г сонгоно уу. Гарч ирэх жагсаалтад сонгосон хэрэгслээ оруулна уу.

Алхам 2

Засварлагчийн цонхонд өнгөө өөрчлөхийг хүссэн холбоос руу очно уу. Холбоос бүр нь Link Name гэсэн хэлбэртэй байна. Текстийн өнгийг өөрчлөхийн тулд хэв маягийн параметрийг ашиглана уу.

Алхам 3

Мөрийг сонгосны дараа өөрчлөх шаардлагатай бол хуудасны блок руу очно уу. Хаалтын тодорхойлогчийн дараа шошгыг оруулаад хүссэн CSS псевдо анги үүсгээрэй. Жишээлбэл:

.colorchange {өнгө: улаан;

дэвсгэр: цэнхэр;

дүүргэлт: 1px; }

Алхам 4

Энэ код нь colorchange нэртэй хуурамч анги үүсгэдэг бөгөөд үүнийг холбоосын шинж чанаруудад ашиглаж болно. Өнгөний параметр нь тухайн элементийн текстийн өнгийг хариуцдаг бөгөөд энэ тохиолдолд улаан утгыг тохируулж улмаар текстийг улаанаар үүсгэх болно. Та энэ зүйлд ямар ч HTML утга нэмж болно. Холбоосын арын өнгийг арын параметрээр тохируулна. Бөглөх параметр нь бусад элементүүдтэй харьцуулахад холбоосын доголыг хариуцдаг.

Алхам 5

Хуурамч анги үүсгэсний дараа үүнийг баримт бичгийн үндсэн хэсэгт тохируулсан байх ёстой. Таны холбоос байрлах кодын хэсэг рүү буцах. Ангийн параметрийг бичээд CSS псевдо ангийн нэртэй утгыг өгч засварлана уу. Жишээлбэл:

Холбоосын нэр

Алхам 6

Та дээрх CSS-д заасны дагуу цэнхэр дэвсгэртэй, 1 пиксел дэвсгэр бүхий улаан холбоос үүсгэх болно. Файлд оруулсан өөрчлөлтүүдийг хадгалж, засварлагчийн цонхыг хаа. Тодорхойлогдсон кодыг шалгахын тулд тохиргооны зөв эсэхийг шалгахын тулд хөтөчийн цонхонд хуудсаа нээнэ үү. Холбоосыг өнгөөр тодруулж дуусгасан.

Зөвлөмж болгож буй: