צבעי RGB
חלק מהיחידה עיצוב באמצעות CSS במסלול ה-HTML של Coddy. שיעור 27 מתוך 76.
ב-CSS, צבעי RGB הם דרך לציין צבעים באמצעות הסימון הפונקציונלי rgb(). RGB הוא ראשי תיבות של אדום, ירוק וכחול, וכל צבע מיוצג באמצעות ערך בטווח שבין 0 ל-255. בשילוב עוצמות שונות של שלושת צבעי היסוד האלה, אפשר ליצור מגוון רחב של צבעים.
הנה התחביר הבסיסי לשימוש בצבעי RGB ב-CSS:
selector {
color: rgb(red, green, blue);
background-color: rgb(red, green, blue);
}לדוגמה:
p {
color: rgb(255, 0, 0); /* אדום */
background-color: rgb(0, 255, 0); /* ירוק */
}
h1 {
color: rgb(0, 0, 255); /* כחול */
}
.highlight {
background-color: rgb(255, 255, 0); /* צהוב */
}
אתגר
קלנתון לך מסמך HTML עם כותרת (<h1>), פסקה (<p>) וחלוקה (<div>). בחר צבע רקע וצבע טקסט לכל הרכיבים בדף, והשתמש ב־rgb() לשם כך.
צבעי ברירת המחדל לא יתקבלו!
נסו בעצמכם
<html>
<head>
<title>RGB Colors</title>
<style>
/* Write CSS rules here */
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<div>This is a division.</div>
</body>
</html>
בחנו את עצמכםהשיעור הזה כולל חידון קצר. התחילו את השיעור כדי לענות עליו ולעקוב אחרי ההתקדמות.
כל השיעורים ביחידה עיצוב באמצעות CSS
תרגלו בעצמכם: Web אונליין