כיצד לצייר סימן ביקורת/סימון באמצעות CSS

' רכיב מיכל עם ' תְעוּדַת זֶהוּת ' או ' מעמד ”:

< div תְעוּדַת זֶהוּת = 'סימן ביקורת' >< / div >

בהצהרת HTML לעיל, ' div רכיב ' נוסף עם המזהה שהוכרז כ' סימן ביקורת '.

בזמן עיצוב האלמנט באמצעות מאפייני ה-CSS, הוסף ' תְעוּדַת זֶהוּת ' בורר כדי להתייחס לרכיב ה-HTML ולאחר מכן לציין מאפיינים בתוכו:

---

---

#סימן ביקורת
{
טרנספורמציה: סובב ( 45 מעלות ) ;
גוֹבַה : 45px;
רוֹחַב : 20px;
שוליים-שמאליים: חמישים %;
border-bottom: 9px מוצק כהה-אוליבירוק;
גבול-ימין: 9px ירוק כהה-אוליוורי;
}

לרכיב סגנון CSS לעיל יש את המאפיינים הבאים:

• ה ' טרנספורמציה: סובב (45 מעלות) ' מסובב את הקווים האנכיים והאופקיים הישרים בצורה כזו שעושה צורה של סמל טיק.
• ה ' גוֹבַה מאפיין ' מגדיר את גובה סמל הסימון ל' 45 פיקסלים '.
• ה ' רוֹחַב 'מאפיין עושה את הסמל' 20 פיקסלים 'רחב.
• ה ' שוליים-שמאליים ' מאפיין מיישר את סמל הסימון למרכז ממשק דף האינטרנט.
• לאחר מכן, ה' גבול-תחתון ' ו' גבול-ימין מאפיינים מגדירים את משקל הגבול של שני הקווים ל' 9 פיקסלים ' ולהגדיר את ' ירוק כהה-זית ' צבע עבור שני הקווים שיוצרים סמל תקתק שלם.

פעולה זו תיצור סימן ביקורת פשוט בצבע ירוק או סמל סימון המוצג במרכז ממשק דף האינטרנט ' 45 פיקסלים 'גבוה ו' 20 פיקסלים רחב:

שיטה 2: הכנסת סימן ביקורת/סימון באמצעות תווי Unicode

יש גם כמה תווי Unicode שמכניסים אוטומטית את סמלי הסימון בפלט מבלי צורך לסגנן ולהגדיר עבורם ערכי פרמטרים. לדוגמה, תו Unicode ' U+2713 ' עוזר להוסיף סמל סימון פשוט בפלט. באופן דומה, תו Unicode ' U+2713 ” עוזר להכניס את סמל הסימון הכבד הלבן בפלט. כדי ללמוד כיצד להוסיף תווי Unicode אלה במסמך HTML באמצעות מדריך שלם, לחץ כאן .

סיכום

ניתן לצייר סימן ביקורת או סמל סימון על ידי יצירת תחילה אלמנט HTML עם מזהה או מחלקה ולאחר מכן הוספת המזהה או בורר המחלקה באלמנט בסגנון CSS כדי להתייחס לרכיב זה. כדי ליצור צורה של סימן ביקורת/סימון בממשק דף האינטרנט, מאפייני CSS שונים כמו ' גוֹבַה ', ' רוֹחַב ', ' להתחלף ' ו' צֶבַע 'ניתן להשתמש לפי סוג וגודל סימן הביקורת שרוצים. בלוג זה מדגים את השיטה לציור סימן ביקורת/סימון באמצעות CSS.