انجمن برنامه نویسان البرز

تبلیغات

استفاده از پس زمینه در CSS – قسمت دوم

استفاده از پس زمینه در CSS – قسمت دوم


با سلام خدمت تمام کاربران عزیز امروز میخواهیم بحث  استفاده از پس زمینه در CSS را به پایان برسانیم . در جلسه قبل که میتوانید لینک آن را از اینجا مشاهده کنید به بررسی رفتار background-position ، background-color ، background-image ، background-attachment و background-repeat پرداختیم و در ویدیوی آموزشی امروز به بررسی خصوصیات background-clip ، background-origin ، multi backgrounds و background-size بپردازیم . موارد یاد شده در رابطه با استفاده از پس زمینه در CSS درس امروز ما به شرح زیر عمل میکنند:

  • background-origin : رفتار ناحیه ی تصویری که به عنوان پس زمینه قرار میگیرد را عوض میکند.
  • background-clip : رفتار ناحیه ی رنگی که به عموان پس زمینه قرار میگرد را عوض میکند.
  • background-size: سایز پس زمینه را تغییر میدهد
  • multi backgrounds: استفاده از چند پس زمینه به صورت موازی و همزمان

برای درک بتر از موضوع ارائه شده ویدیوی زیر را مشاهده کنید و پس از دیدن کامل ویدیو شما هر آنچه درباره ی خصوصیات بالا نیاز دارید را فرا گرفته اید و به راحتی در مبحث استفاده از پس زمینه در CSS استاد شده اید !

تمرین : برای درک بهتر تمارین زیر را انجام بدهید

  • یک Div در ابعاد ۸۰۰px در ۴۰۰px ایجاد کنید و تصویری به عنوان پس زمینه در آن قرار بدهید و چند تگ p را برای محتوا در آن ایجاد کنید.
  • کاری کنید که تصویر پس زمینه کل div شما را پوشش دهد.
  • کاری کنید پس زمینه دقیقا به زیر محتوای شما بیاید.
  • یک تصویر کوچک دریگر انتخاب کرده و آن را به صورت همزمان با تصویر اول به عنوان پس زمینه قرار دهید.
  • تصویر اول را در گوشه ی بالا سمت راست و تصویر دوم را در گوشه ی پایین سمت چپ قرار دهید.
  • تصاویر موجود در پس زمینه راپاک کنید و یک رنگ دلخواه را به عنوان پس زمینه قرار دهید.
  • یک حاشیه برای Div در نظر بگیرید
  • کاری کنید که پس زمینه در داخل حاشیه ی شما نمایش داده شود.

 

 




کلمات کلیدی :

نظر بدهید