پاشبنەماکان (Backgrounds)

لە CSS-دا، ئێمە دەتوانین بەکارهێنانی تایبەتمەندییەکانی پاشبنەما، دیمەنی توخمەکان (Elements) بە تەواوی بگۆڕین. ئەمە تەنها بۆ ڕەنگ نییە، بەڵکو دەتوانیت وێنە، دووبارەبوونەوە، و شوێنی وێنەکانیش کۆنتڕۆڵ بکەیت.

١. ڕەنگی پاشبنەما (background-color)

بۆ دانانی ڕەنگێک لە پاشبنەمای توخمێک، تایبەتمەندی background-color بەکاردەهێنین:

h1 { background-color: lightblue; }
p { background-color: #ff6347; }

٢. وێنەی پاشبنەما (background-image)

بۆ دانانی وێنەیەک وەک پاشبنەما، تایبەتمەندی background-image بەکاردەهێنین:

div { background-image: url('background.jpg'); }

٣. کۆنتڕۆڵکردنی دووبارەبوونەوە (background-repeat)

بە شێوەیەکی بنەڕەتی، وێنەکان بە ئاسۆیی و ستوونی دووبارە دەبنەوە. دەتوانیت ئەمە ڕابگریت:

body { 
  background-image: url('pattern.png');
  background-repeat: no-repeat;
}

٤. شوێنی وێنە (background-position)

دەتوانیت دیاری بکەیت وێنەکە لە کوێی توخمەکە دەست پێبکات:

div { 
  background-image: url('img.jpg');
  background-position: center; /* وێنەکە دەخاتە ناوەڕاست */
}