متن آهنگ
آموزش تغییر رنگ در سی اس اس قالب
ورژن موبایل

آموزش تغییر رنگ در سی اس اس قالب

-

مجله سرگرمی تفریحی جذاب آنلاین

امروز جمعه 09 آبان 1399 شما در جذاب آنلاین هستید.

با عضویت در سایت به جمع دوستان جذاب آنلاین بپیوندید و مطالب خود را به اشتراک بگذارید

بعد از عضویت می توانید در انجمـن جذاب آنلاین با دوستان خود گفتگو کنید

آخرین ارسال های تالار گفتگو

عنوان پاسخ بازدید توسط
541 29862 admin-fatemeh
0 748 mirantarh
2 999 00mostafa00
0 627 mirantarh
1 873 mirantarh
0 594 mirantarh
1 889 police
0 547 mirantarh
2846

آموزش تغییر رنگ در سی اس اس قالب ، چهارشنبه 01 آبان 1392

برای اینکه بتوان برای هر چیزی در صفحه رنگ زمینه مشخص کرد از این خاصیت استفاده میکنیم . برای این کار باید این ویژگی را به همراه رنگ مورد نظر وارد تگ مربوط به قسمت مورد نظر کنیم. اگر بخواهیم زمینه قسمتی از یک متن را مشخص کنیم می توانیم از این ویژگی در یک تگ SPAN در اطراف متن مورد نظر استفاده کنیم.میتوانید از مثال زیر استفاده کنید



 

آموزش تغییر رنگ در سی اس اس قالب

 

متن بدون زمینه. این قسمت زمینه زرد دارد.



همینطور می توانیم از این ویژگی برای تغییر زمینه یک جدول یا DIV هم استفاده کنیم:


 

 

سلول اول سلول دوم




شما حتی می توانید از این ویژگی برای سلولهای یک جدول به صورت جداگانه استفاده کنید.یک نمونه دیگر از موارد استفاده این ویژگی در طراحی فرمهاست. به مثال زیر توجه کنید:
 


<form action="some_script> نام :




توجه داشته باشید که در این ویژگی هم می توانیم از نام رنگ ها و هم از معادل هگزادسیمال آنها استفاده کنیم.شما می توانید با استفاده از این ویژگی در تگ body رنگ زمینه صفحه را هم تغییر دهید. در مورد تصویر زمینه هم که در قسمت بعد به آن می پردازیم می توان به همین صورت عمل کرد.


background-image

این ویژگی برای مشخص کردن تصویر زمینه به کار می رود.کاربرد background-image همانند background-color است با این تفاوت که به جای مشخص کردن رنگ باید یک تصویر را تعیین کنیم. این ویژگی به صورت زیر نوشته می شود.
background-image:url(آدرس تصویر مورد نظر)بعد از نام ویژگی باید از url برای مشخص کردن آدرس تصویر استفاده کنیم. آدرس تصویری که می خواهیم به عنوان زمینه استفاده کنیم نیازی نیست بین علامتهای نقل قول ( ” ) قرار گیرد ولی باید بین دو پرانتز قرار گیرد.
به یک مثال در این رابطه توجه کنید:





 


برای این span از تصویر زمینه استفاده شده است.





از این ویژگی می توان تقریباً برای همه اجزای صفحه استفاده کرد. در اینجا برای یک جدول از آن استفاده کرده ایم:



 

 

محتویات سلول اول محتویات سلول دوم






همانطور که برای text box از رنگ زمینه استفاده کردیم برای آن از تصویر زمینه هم می توانیم استفاده کنیم. در اینجا از این ویژگی برای یک textarea استفاده می کنیم:





 

 




283
قبلی
بعدی

نظرت در مورد این مطلب؟

نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتیرفرش کد امنیتی