Menu
Coddy logo textTech

גדלים

שיעור 3 מתוך 8 בקורס פרויקט CSS - כפתור מעוצב של Coddy.

נתחיל לשחק עם הגדלים של הכפתור.

אם תשנה את ה־width או את ה־height של כפתור, ייתכן שהטקסט לא יהיה במרכז. עדיף לשחק עם ה־padding.

challenge icon

אתגר

קל

משימות:

  1. הגדירו את גודל הגופן של טקסט הכפתור לכל גודל שתרצו, אך לא לגודל ברירת המחדל (14px)
  2. הגדירו את הריווח האנכי ל־8px ואת הריווח האופקי ל־16px
  3. הגדירו את השוליים לבחירתכם

השתמשו ב־styles.css כדי לבחור את הכפתור ולעצב אותו

נסו בעצמכם

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- כתבו כאן קוד HTML -->
    </body>
</html>

כל השיעורים ביחידה פרויקט CSS - כפתור מעוצב

תרגלו בעצמכם: Web אונליין