גבולות ועיגול פינות

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

לאלמנט button ב-HTML יש גבול כברירת מחדל, בואו נתאים אותו אישית!

כדי ליצור גבול מעוגל השתמשו במאפיין border-radius (השתמשו באותם ערכים כמו ב-padding או ב-margin), לדוגמה,

#rounded {
	border-radius: 8px;
}

כדי להסיר את הגבול לחלוטין תוכלו לדרוס אותו באמצעות,

#no-border {
	border: none;
}

טיפ: אם תגדירו ערך גדול ל-border-radius, הצורה שתתקבל תהיה עיגול!

אתגר

קל

משימות:

נסו בעצמכם

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

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

1מבוא

2פרויקט CSS

גבולות ועיגול פינות שיעור פרויקט

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