كيفية تغيير خط الارتباط

جدول المحتويات:

كيفية تغيير خط الارتباط
كيفية تغيير خط الارتباط

فيديو: كيفية تغيير خط الارتباط

فيديو: كيفية تغيير خط الارتباط
فيديو: حصري 💡 طريقة تغيير خط المدونة بدون ان تكون محترف 📑 2024, يمكن
Anonim

يمكن تغيير معاملات عرض الروابط في html باستخدام أوراق أنماط css المتتالية. إنها تسمح لك بتخصيص عرض خط الرابط ولونه قبل أن ينقر المستخدم عليه وبعد النقر بالماوس. يمكنك أيضًا تغيير محرف الخط المستخدم وحجمه.

كيفية تغيير خط الارتباط
كيفية تغيير خط الارتباط

تعليمات

الخطوة 1

تُستخدم الفئات والفئات الزائفة لتعيين معلمات الارتباط في css. الفئة الزائفة أ: الرابط يعيّن النمط للارتباط العادي ، يسمح لك: تمت زيارته بتخصيص عرض الارتباط المستخدم بالفعل. ج: يتعامل النشط مع معلمات العلامة عند النقر فوق المؤشر على العنصر ، و a: hover يحدد نمط الارتباط عند التمرير فوقه. يمكنك أيضًا إنشاء أي فئة للعنصر بنفسك ، وفي المعلمات استخدم عوامل التشغيل القياسية لتنسيق النص.

الخطوة 2

لتعطيل عرض تسطير نص الرابط في المتصفح ، استخدم زخرفة النص: لا شيء. يمكنك تحديد هذه السمة في كل من فئة وفئة زائفة لعنصر. لتغيير لون الارتباط ، استخدم معلمة اللون للحجم - سمة حجم الخط القياسية. إذا كنت تريد تضمين كتابة غامقة أو مائلة ، فاستخدم معلمة وزن الخط.

الخطوه 3

افتح ملف html الخاص بك بأي محرر نصوص تستخدمه لتحرير كود الصفحة. بعد ذلك ، انتقل إلى قسم من المستند الخاص بك وقم بتعيين رمز css للروابط المستقبلية على الصفحة باستخدام مقبض. على سبيل المثال:

تغيير الروابط

a: link {text-decoration: none؛

حجم الخط: 14 بكسل ؛

وزن الخط: عريض ؛

لون احمر؛ }

الخطوة 4

يقوم هذا الرمز بإزالة التسطير من الارتباط العادي ، وتعيين حجم النص على 14 بكسل ، وتطبيق نمط غامق ولون أحمر للعنصر. الآن سيتم عرض أي ارتباط في العلامة مثل هذا.

الخطوة الخامسة

يمكنك تحديد نمط لكل ارتباط محدد باستخدام فئات css. وبالتالي ، إذا كانت الشفرة في العلامة تبدو كما يلي:

a.link1 {font-size: 20px ؛ لون أسود؛}

الخطوة 6

يمكنك ضبط حجم الارتباط على 20 بكسل والأسود باستخدام الفئة الموجودة في نص المستند على النحو التالي:

نهاية لهذه الغاية

من المثال ، يمكنك أن ترى أن الارتباط قد تم تعيينه لفئة كود css للخطوة التي تم إنشاؤها من خلال تحديد سمة الفئة للرابط. سيتم عرض هذا الرابط الآن باللون الأسود ويبلغ حجمه 20 بكسل. لتغيير هذه السمة ، قم بتحرير كود css لقسم الصفحة.

الخطوة 7

اكتمل تغيير مظهر الارتباط ، يمكنك حفظ التغييرات التي تم إجراؤها في الملف وتشغيله للعرض في المستعرض.

موصى به: