שלב 1

פתח את המסמך של דף האינטרנט שלך בעורך הטקסט. הצב את הסמן לפני תג הסגירה והזן את קוד CSS הבא:

שלב 2

הקלד "#banner {}" בין אלמנטים בסגנון כדי ליצור כלל כדי להפוך את הבאנר שלך. כתוב "גובה:;" ey רוחב you ולכתוב את הערך בפיקסלים (px) אחרי כל אחד מהם כדי לציין את האמצעים שאתה מעדיף. לדוגמה:

banner {height: 350px; רוחב: 600px; }

שלב 3

הזן "font-size:;" ו- "font-family:;" כדי ליצור את המאפיינים כדי לעצב את הטקסט של הכותרת שלך. כתוב ערך בפיקסלים לאחר גופן ולחץ על שתיים או שלוש שמות אחרי משפחת גופנים כדי לציין את סוג הכתיבה שאתה מעדיף. לדוגמה:

banner {font-size: 32px; משפחת גופן: "טיימס ניו רומן", ג'ורג'יה, סריף; }

שלב 4

כתוב "border-style :;" והזן ערך גודל בפיקסלים, ערך סגנון שורה וערך צבע הקסדצימלי לעיצוב הגבול של הבאנר. לאחר מכן, כתוב "צבע רקע:;" ואת ערך הצבע הרצוי. לדוגמה:

באנר {border-style: 4px dotted # f0f0f0; }

שלב 5

כתוב "ריפוד:;" ואת הערך בפיקסלים כדי לציין את כמות הרווח בין התוכן לבין הגבול של הבאנר. קוד ה- CSS המלא אמור להיראות כך:

banner {

גובה: 350px; רוחב: 600px; font-size: 32px; משפחת גופן: "טיימס ניו רומן", ג'ורג'יה, סריף; border-style: 4px dotted # f0f0f0; ריפוד: 15px; }

שלב 6

הקלד "" בכל מקום בתווית שבה ברצונך שהכותרת תופיע. כתוב טקסט עבור הבאנר שלך, כגון הכותרת של האתר שלך בין תגים div, ככה:

הקלד את הטקסט של הבאנר שלך כאן.

שלב 7

שמור את המסמך שלך