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