כיצד לשנות את הצבע של div על ידי ריחוף העכבר

תוֹכֶן

• הוראות

תגי DIV (קיצור של "פיצול") מגדירים קטע של מסמך HTML ולעתים קרובות משתמשים בו עם שפת CSS כדי ליצור את הפריסה הבסיסית של האתר. ניתן להתאים אישית DIV באמצעות CSS כדי להגדיר שוליים, ריווחים, גבולות, גודל טקסט, יישור או צבע רקע, כמו גם טריקים מתקדמים יותר, כגון שינוי צבע ה- DIV כאשר משתמש מרחף מעליה.

הוראות

שפת CSS מאפשרת לך להחיל טריקים כדי לשפר את האינטראקציה של המשתמש עם הדף (Comstock / Comstock / Getty Images)

1. פתח את המסמך מדף האינטרנט שלך בעורך טקסט.

2. מקם את הסמן על שורה ריקה בין "ו'.

3. הקלד "type = 'text / css'>" ולחץ על "Enter". עם זאת תתחיל ליצור סקריפט CSS.

4. הקלד "# div1: העבר את העכבר {background-color: # ff0000;}" ולחץ על "Enter". זה יהיה להתאים מיכל DIV עם הערך "div1" כמו המאפיין מזהה באמצעות צבע הרקע "# ff0000" (ערך הקסדצימלי) כאשר "רחף" המדינה מופעלת, אשר יקרה כאשר סמן העכבר ממוקם מעל את DIV. ניתן לשנות ערכי זיהוי וערכי רקע אלה במידת הצורך.

5. IT 12"כדי לסגור את תג הסקריפט של CSS.

6. הצב את סמן הטקסט בשורה ריקה בין התגים "" ל "".

   
   

7. הקלד "" ולחץ על "Enter" כדי ליצור מיכל DIV עם ערך מזהה "div1". אם שינית את שם הזיהוי בשלב 4, עליך לשים אותו שם.

8. הקלד או הדבק תוכן שייכלל ב- DIV ולחץ על 'Enter'.

9. סוג "" כדי לסגור את מיכל DIV.

10. לחץ על "קובץ" ועל "שמור" כדי לשמור את המסמך.