כיצד לשנות את צבע הקישור ב- CSS?

הנה דף שיעזור לך להבין כיצד לשנות את קישור הצבע
הנה דף שיעזור לך להבין כיצד לשנות את קישור הצבע.

הנה דף שיעזור לך להבין כיצד לשנות את קישור הצבע.

צעדים

  1. 1
    התחל על ידי הצבת קודי ה- HTML הרגילים שלך והוסף את הקישור שברצונך לצבוע. לצורך ביצוע זאת ללא כל שגיאה, נשתמש בתמונות של Adobe DreamWeaver. ונשתמש בגוגל לקישור.
  2. 2
    באמצעות CSS עליכם לכתוב בקטע HEAD באתר שלכם. אז כדאי להקליד <style type = "text / css"> במקום בו כתוב <head>.
  3. 3
    אתה לא צריך לסיים את הקוד עדיין, אולם ישנם מעצבי אתרים שמסיימים את הקוד לפני שהוא נגמר ואז עובדים על התג הסגור. קישורים מורכבים מארבעה אלמנטים. קישור, רחף, ביקר ופעיל.
    • קישור הוא הצבע העיקרי של הקישור שלך, זה הצבע שהוא יציג בדרך כלל.
    • העבר לרחף הוא משתנה בכדי לגרום לו לשנות את הצבע ולהתבלט כאשר העכבר עובר על הקישור.
    • ביקור הוא משתנה לאחר קליק, הוא יציג צבע זה בכל עת לאחר לחיצה על הקישור.
    • פעיל הוא הלחיצה על הצבע, הוא יהפוך לצבע זה ברגע שעכבר העכבר שלך ישחרר אותו כדי להפעיל את הקישור.
  4. 4
    הוסף לגליון הסגנונות של CSS. אתה רוצה ליצור 4 אלמנטים אחריו, עם כניסה המפריד ביניהם. a: קישור, a: רחף, a: ביקר, a: פעיל. מומלץ שלא לעשות שימוש באותיות רישיות.
  5. 5
    הקלד את הדברים הבאים אחרי כולם {color: # [קוד hex כאן];}
  6. 6
    תצטרך הבנה בסיסית של קוד הקסם כדי להיות ספציפי עם הצבעים שלך. לחלופין תוכלו פשוט להקליד {color: [שם צבע כאן];} מבחר הצבעים מוגבל הרבה יותר.
  7. 7
    כשתסיים את כל זה, עליך להוסיף </ style> כדי לסגור את התג.
  8. 8
    מומלץ, אולם לא נדרש, להוסיף הערות כדי שיהיה קל יותר לערוך את הקודים שלך בהמשך. לשם כך בגיליון סגנונות של CSS, פשוט הכניסו / * [תגובה כאן] * /.
התחל על ידי הצבת קודי ה- HTML הרגילים שלך והוסף את הקישור שברצונך לצבוע
התחל על ידי הצבת קודי ה- HTML הרגילים שלך והוסף את הקישור שברצונך לצבוע.

טיפים

  • הצבת הערות תעזור לך למצוא מה יהיה מאוחר יותר.
  • לא כל ארבעת האלמנטים נדרשים, אולם מומלץ לשים אותם בכל מקרה, מכיוון שזה יכול להוביל למבוכה מסוימת בהמשך יצירת האתר.

אזהרות

  • אם לא תסגור את האלמנטים זה יהרוס את כל הקוד שלך, ויכול להיות שהאתר שלך לא יעבוד או לא.
  • שמות צבע רבים לא יעבדו עם CSS, אין מה לעשות אלא למצוא קורא HEX באופן מקוון.
  • בעוד ש- CSS אכן מאפשר קצר HEX (קוד Hex עם 3 מספרים בלבד), הוא מדי פעם לא יקרא את המספרים וזה מגביל את הבחירות שלך.
FacebookTwitterInstagramPinterestLinkedInGoogle+YoutubeRedditDribbbleBehanceGithubCodePenWhatsappEmail