מפתחים יכולים להחיל מאפייני CSS מרובים כדי להפוך את דפי האינטרנט שלהם לאטרקטיביים יותר, כמו ' גוֹבַה ' ו' רוֹחַב ' מאפיינים להגדרת גודל, ' יישור טקסט ' להתאמת טקסט, ' בסגנון גבול ' ו' רדיוס הגבול ” מאפיינים לקביעת הגבול סביב האלמנט. בנוסף, אתה יכול להוסיף גבול בהתאם לדרישות שלך, כגון בצד אחד של האלמנט, רק כדי להפוך את הדברים מאחורי האובייקטים לגלויים יותר.
פוסט זה ידגים:
שיטה 1: הגדר גבול בצד אחד
ב-CSS, משתמשים יכולים להגדיר את הגבול בצד אחד של האלמנט הרצוי. לצורך כך, ה' גבול-שמאל ', ' גבול-ימין ', ' הגבול העליון ' ו' גבול-תחתון מאפיינים משמשים להוספת גבולות בצד שמאל, ימין, עליון או תחתון.
בחלק זה, נגדיר באופן ספציפי את הגבול בצד שמאל של המיכל. לשם כך, עקוב אחר ההוראות המוזכרות להלן.
שלב 1: צור מיכל div
ראשית, צור מיכל div בעזרת ' שלב 2: הוסף כותרת לאחר מכן, השתמש ב-'< h1> ' תג כדי להוסיף כותרת בתוך מיכל ה-div. יתרה מכך, ניתן גם להשתמש בתגיות כותרת אחרות בהתאם לדרישה, כגון '< h1> ' ל'< h6> 'תגים: כעת, גש אל מיכל ה-HTML div ועבור לשם המחלקה. לשם כך, בורר כיתות ' # ' משמש עם שם המחלקה. שלב 4: הכנס גבול בצד אחד בלבד לאחר גישה למיכל ה-div, החל את מאפייני ה-CSS המוזכרים להלן: התמונה שהתקבלה מציגה את הגבול עם צד אחד בלבד: כדי להגדיר את הגבול מכל הצדדים בצבעים שונים, השתמש בקוד ה-HTML שלמעלה. לאחר מכן, גש למיכל ה-div בעזרת שם המזהה והבורר: כתוצאה מכך, הגבול עם סגנונות שונים בכל צד יוחל: כדי להגדיר את הגבול בצד אחד בלבד, ראשית, צור div באמצעות '
< h1 > גבול בצד אחד h1 >
div >
ניתן לראות שהמכל נוצר בהצלחה:
שלב 3: גישה ל-div Container
גבול-שמאל: 5 פיקסלים מוצק אָדוֹם ;
רקע:rgb ( 56 , 239 , 245 ) ;
שוליים: 20px 100px;
רוחב:200px; גובה: 150 פיקסלים
}
כאן:
שיטה 2: הגדר גבול מכל הצדדים עם סגנונות שונים
שוליים: 80px;
רוחב הגבול: 8px 2px 1px 10px;
border-radius: 50px;
סגנון גבול: מוכנס מוצק כפול מנוקד;
צבע גבול: rgb ( 40 , 5 , 235 ) rgb ( 238 , 146 , 9 ) rgb ( 255 , 0 , 242 ) rgb ( 19 , 19 , 18 ) ;
}
בקוד שסופק לעיל:
במאמר זה, למדת דרכים שונות להגדיר את גבול ה-CSS על צד אחד ומרובה. סיכום