שינוי פרמטרי התצוגה של הקישורים ב- html ניתן לבצע באמצעות גליונות סגנון CSS מדורגים. הם מאפשרים לך להתאים אישית את תצוגת גופן הקישור, את צבעו לפני שהמשתמש לוחץ עליו ולאחר לחיצת עכבר. אתה יכול גם לשנות את גופן הגופן בו נעשה שימוש וגודלו.
הוראות
שלב 1
מחלקות ושיעורי פסאודו משמשים להגדרת פרמטרים של קישורים ב- css. פסאודו קלאס a: קישור מגדיר את הסגנון לקישור רגיל, a: בקר מאפשר לך להתאים אישית את התצוגה של קישור שכבר נעשה בו שימוש. ת: פעיל מטפל בפרמטרים של התג כאשר לוחצים על הסמן על האלמנט, ו- a: מרחף מגדיר את סגנון הקישור כשאתה מעביר מעל. ניתן גם ליצור כל מחלקה עבור האלמנט בעצמך, ובפרמטרים להשתמש במפעילים סטנדרטיים לעיצוב הטקסט.
שלב 2
כדי להשבית את הצגת קו התחתון של טקסט הקישור בדפדפן, השתמש בפרמטר טקסט קישוט: ללא. אתה יכול לציין תכונה זו הן בכיתה והן בפסאודו-מחלקה עבור אלמנט. כדי לשנות את צבע הקישור, השתמש בפרמטר הצבע עבור הגודל - המאפיין הסטנדרטי של גודל הגופן. אם ברצונך לכלול סוג מודגש או נטוי, השתמש בפרמטר משקל הגופן.
שלב 3
פתח את קובץ ה- HTML שלך עם כל עורך הטקסט שבו תשתמש כדי לערוך את קוד הדף. לאחר מכן, עבור לחלק מהמסמך שלך והגדר את קוד ה- css לקישורים עתידיים בדף באמצעות ידית. לדוגמה:
שינוי קישורים
a: קישור {טקסט-קישוט: אין;
גודל גופן: 14 פיקסלים;
מודגש;
צבע אדום; }
שלב 4
קוד זה מסיר את קו התחתון מקישור רגיל, מגדיר את גודל הטקסט ל- 14 פיקסלים, מחיל סגנון מודגש וצבע אדום של האלמנט. כעת כל קישור בתגית יוצג כך.
שלב 5
ניתן לעצב לכל קישור ספציפי באמצעות שיעורי css. לפיכך, אם הקוד בתג נראה כך:
a.link1 {font-size: 20px; צבע שחור;}
שלב 6
ניתן להגדיר את גודל הקישור ל -20 פיקסלים ושחור על ידי שימוש בכיתה בגוף המסמך באופן הבא:
קישור
מהדוגמה ניתן לראות כי לקישור הוקצה מחלקת קוד ה- css של צעד אחורה שנוצר על ידי ציון תכונת המחלקה של הקישור. קישור זה יוצג כעת בשחור וגודלו 20 פיקסלים. כדי לשנות מאפיין זה, ערוך את קוד ה- css של קטע העמוד.
שלב 7
שינוי מראה הקישור הושלם, באפשרותך לשמור את השינויים שבוצעו בקובץ ולהריצו לצפייה בדפדפן.
