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

הוראות

  1. הפעל את תוכנת עורך הטקסט Notepad, שמגיעה עם מחשב Windows שלך ופתח מסמך אתר.

  2. מקם את הסמן באזור הרצוי שבו ברצונך שהקו המוצק יופיע.הזן את קוד ה- HTML שיוצר טבלה פשוטה:

    & lt; table & gt;

    & lt; tr & gt;

    & lt; td & gt; & lt; / td & gt;

    & lt; / tr & gt;

    & lt; / table & gt;

  3. הקלד את הקוד הבא לפני הסגירה "& lt; / head & gt;"כדי ליצור את כלל סגנון CSS עבור הטבלה שלך:

    & lt; style type = "text / css" & gt;

    & lt;! -

    table{ }

    - & gt;

    & lt; / style & gt;

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

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

    { border-left: 1px מוצק שחור;}

  5. סוג "height:;"והקלד ערך מספר בפיקסלים( פיקסלים) או באחוזים( %) כדי לקבוע כמה זמן הקו.לדוגמה: שולחן

    { border-left: 1px מוצק שחור;גובה: 300px;}

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

  • TISAG: CSS מדריך - הגבול
  • קונסורציום אינטרנט( W3C): דגם תיבת
  • (W3C): החל HTML + CSS