CSS/רקעים

מתוך ויקיספר, אוסף ספרי הלימוד והמדריכים החופשי.

[עריכה] רקע

רקעים הם חלק חשוב ומרכזי בעיצוב הדף שלנו, ישנם שני סוגי רקע, צבע או תמונה, כשלכל אחד מהם יש את המאפיינים שלו.

[עריכה] צבע רקע

על מנת ליצור צבע רקע, נשתמש בקוד הבא:

CSS_SELECTOR{
background-color:colorname;
}

כאשר colorname יכול להיות שם הצבע באנגלית, או הקוד הדקסימלי שלו. כמובן שאפשר לוותר על ה-color ולעשות רק background:

CSS_SELECTOR{
background:colorname;
}

[עריכה] תמונת רקע

על-מנת ליצור תמונת רקע:

CSS_SELECTOR{
background-image:url(image.ext);
}

כאשר image.ext מסמל את המיקום של התמונה כולל סיומת לדוגמא gif. או png. וגם עכשיו יהיה אפשרי לעשות ככה:

CSS_SELECTOR{
background:url(image.ext);
}

[עריכה] מאפיינים שונים לתמונת רקע

המבנה של מאפיין:

CSS_SELECTOR{
background:url(image.ext) [propery_value[,propery2_value]];
}

[עריכה] repeat

מקבל את הערכים הבאים: repeat-y - מכפיל את התמונה לאורך ציר ה-y, כמספר הפעמים שצריך כדי למלא את האלמנט. repeat-x - כנ"ל רק עם ציר ה-x. repeat - גם בציר ה-x וגם בציר ה-y. no-repeat - בכלל לא.

[עריכה] position

left
right
top

bottom