طراحی سایت ساناتک
0
تصاویر پس‌زمینه در css

درج تصویر پس زمینه

تا به این لحظه از Inline image ها استفاده کردیم. Inline image ها به عنوان بخشی از محتوای سایت استفاده می شوند، اما راه دیگری برای استفاده از عکس ها نیز وجود دارد، به عنوان پس‌زمینه سایت نیز می توان از یک عکس استفاده کرد. 

آموختیم که چگونه از یک رنگ پس‌زمینه برای سایت استفاده کنیم، تعیین یک عکس به عنوان پس‌زمینه نیز مشابه همان کار است. در واقع می توانیم هر دو را مشخص کنیم تا در صورت پایین بودن سرعت اینترنت کاربر ابتدا رنگ پس‌زمینه دانلود شود و در اقدام بعد عکس بارگذاری گردد. اگر سرعت اینترنت کاربر بالا باشد این فرایند را نخواهد دید.

در فایل CSS خود می توانید خصوصیت background-image را با مقدار در نظر گرفته شده اضافه کنید:

#repeatedclouds {

border: 1px solid black;

padding: 20px;

background-color: #aebbdb;

background-image: url(clouds.jpg);

}

 این هم کد HTML که با استفاده از CSS بالا نوشته شده است:

<div id="repeatedclouds">

<p>Content of some kind goes here.</p>

<p>Some more content goes here.</p>

</div>

 

 ایجاد یک border و یک padding درcss

تعداد بازدید: 346
مطالب دیگر آموزش طراحی سایت
باگ‌ های شناخته شده مرورگرهاراستی‌ آزمایی کدهای CSS و HTML بعد از طراحی سایترفع خطاهای احتمالی هنگام طراحی سایتدقیق‌ تر شدن در استفاده از jQueryنمایش کپشن‌ های تصاویر درون گالری سایت
verification