چگونه یک پس زمینه تصویر را در HTML و CSS ایجاد کنید. 3 راه ساده

رنگ طرح پشت را از پالت تنظیم می کند. رنگ وارث همیشه با رنگ عنصر اجداد همخوانی دارد.
با درود. در این مقاله، من می خواهم حدود سه راه را برای قرار دادن یک تصویر به عنوان پس زمینه از کل صفحه با استفاده از تنها HTML + CSS (بدون استفاده از JS) بگویید.

با درود. در این مقاله، من می خواهم حدود سه راه را برای قرار دادن یک تصویر به عنوان پس زمینه از کل صفحه با استفاده از تنها HTML + CSS (بدون استفاده از JS) بگویید.

بنابراین، الزامات تصویر پس زمینه ما به شرح زیر است:

  • عرض 100٪ عرض و صفحات پوشش داده شده است
  • مقیاس پس زمینه در صورت لزوم (پس زمینه بر اساس اندازه صفحه نمایش داده شده یا فشرده شده است)
  • قرار دادن نسبت تصاویر (نسبت ابعاد)
  • تصویر بر روی صفحه
  • پس زمینه باعث کتیبها نمی شود
  • راه حل حداکثر crossbrawser است
  • هیچ تکنولوژی دیگری به جز CSS استفاده نمی شود

رنگ طرح پشت را از پالت تنظیم می کند. رنگ وارث همیشه با رنگ عنصر اجداد همخوانی دارد.

روش 1

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

پس زمینه ثابت و محور را نصب کنید، سپس اندازه آن را با استفاده از آن تنظیم کنید پس زمینه اندازه: پوشش .

html { 

پس زمینه تصویر: URL (images / background.jpg)؛

پس زمینه تکرار: بدون تکرار؛

سابقه و هدف: مرکز مرکز؛

پس زمینه ضمیمه: ثابت؛

-Webkit-background-size: پوشش؛

-Moz-Background-size: پوشش؛

-O-background-size: پوشش؛

پس زمینه اندازه: پوشش؛ 
} 

نسخه ی نمایشی

این روش کار می کند

  • کروم (هر نسخه)
  • اپرا 10+.

فایرفاکس 3.6+

صفری 3+.

یعنی 9+

به منظور تصاویر به سرعت به سرعت، سایت های خود را فقط از ارائه دهندگان ثابت شده میزبانی، به عنوان مثال، beget.com قرار دهید 
کاربران و موتورهای جستجو سایت های سریع را دوست دارند. 

پس زمینه تصویر: URL (images / background.jpg)؛

روش 2

این روش برای استفاده از عنصر IMG فراهم می کند، اندازه آن بسته به اندازه پنجره مرورگر متفاوت خواهد بود. برای کشیدن تصویر به صفحه تمام، نیاز به تنظیم حداقل ارتفاع و عرض با مقدار 100٪. و به طوری که تصویر به اندازه کوچکتر از اصلی فشرده شده است، حداقل عرض را با مقدار عرض برابر تصویر نصب کنید.

اگر عرض پنجره کمتر از عرض تصویر باشد، پرس و جو رسانه ها برای تنظیم پس زمینه در مرکز استفاده می شود.

به ارث می برند.

<img src = "/ images / background.jpg" class = "background" />

img.background { حداقل ارتفاع: 100٪؛ حداقل عرض: 640 پیکسل؛ عرض: 100٪؛ ارتفاع: خودکار؛

موقعیت: ثابت؛ بالا: 0؛ چپ: 0؛

/ * بستگی به اندازه تصویر * /

media صفحه نمایش و (حداکثر عرض: 640 پیکسل) { img.bg { и چپ: 50٪؛ حاشیه چپ: -320px؛ } } } نسخه ی نمایشی

تمام ویژگی های عنصر والدین را به ارث می برد

این روش در:

هر نسخه ای از مرورگرهای خوب (Chrome، Opera، Firefox، Safari) یعنی 9+ и روش 3 . راه دیگر به شرح زیر است: تصویر <img /> را به گوشه بالا سمت چپ صفحه رفع کنید و آن را با استفاده از خواص Min-Width و Min-height 100٪، در حالی که حفظ نسبت ابعاد است. درست است، با این رویکرد، تصویر محور نیست. اما این مشکل با بسته بندی تصویر در <div />، که ما 2 برابر اندازه پنجره را ایجاد می کنیم، حل می شود. و تصویر خود را ما کشش و قرار دادن در مرکز. <div class = "background"> <img src = "/ images / background.jpg" />

</ div> div.background { <div class = "background"> موقعیت: ثابت؛

بالا: -50٪؛

چپ: -50٪؛ } عرض: 200٪؛ ارتفاع: 200٪؛ }

img { موقعیت: مطلق؛ بالا: 0؛

چپ: 0؛ راست: 0؛ :

پایین: 0؛

حاشیه: خودکار؛ حداقل عرض: 50٪؛ حداقل ارتفاع: 50٪؛ } .

این روش در مرورگرهای خوب و IE 8+ کار می کند.

امیدوارم این اطلاعات برای شما مفید باشد. شخصا، اغلب از این روش ها استفاده می کنم، مخصوصا اول. مطمئنا راه های دیگری برای قرار دادن تصویر در پس زمینه پشت با CSS وجود دارد. اگر شما در مورد آنها می دانید، به اشتراک بگذارید، لطفا نظرات بدهید. تنظیم رنگ پس زمینه و / یا یک تصویر برای یک صفحه یا یک مورد جداگانه به اندازه کافی ساده است. نکته اصلی این است که بدانید کجا و چگونه می توان آن را انجام داد، و همچنین یک کد رنگ و / یا یک تصویر پس زمینه. ممکن است از این مقاله بسیاری از چیزهای جدید را یاد بگیرند، اما من آن را به طور خاص برای مبتدیان ایجاد کردم. بنابراین، همه چیز به همان اندازه ممکن است به حداقل ممکن و به طور همزمان خواهد بود. نکته اصلی این است که شما نه تنها ارائه کلی و نمونه های آماده را دریافت خواهید کرد، بلکه درک نحوه ایجاد پس زمینه در HTML را نیز دریافت خواهید کرد. برای تنظیم پس زمینه در HTML استفاده از DOCTYPE متوسط و من با این واقعیت شروع خواهم کرد HTML5 امکان تنظیم پس زمینه برای سایت وجود ندارد. این ویژگی تصمیم به تحمل در CSS بود. بنابراین، اگر شما قصد دارید از زیر استفاده کنید، و می خواهید یک معتبر دریافت کنید » (درست) کد، شما باید در نوع انتقال سند باقی بمانید. برای انجام این کار، صفحه وب شما باید با خط زیر شروع شود: <! DOCTYPE HTML عمومی "- // W3C // DTD HTML 4.01 » انتقالی // en "" http://www.w3.org/t/html4/loose.dtd ">

زمان برای کلاس های عملی

پس زمینه در صفحه وب چگونه است؟ (#)اگر شما آن را فهمید، بیایید درک کنیم که چگونه پس زمینه ایجاد می شود. و اولین چیزی که باید در اینجا ذکر شود - این تفاوت بین آن است

رنگ پس زمینه

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

. در ابتدا می رود

رنگ پس زمینه چپ: 50٪؛ کدام سیل تمام فضای صفحه موجود یا عنصر آن را دارد. تکرار در بالای آن تصویر پس زمینه }

. بصری، این را می توان به شرح زیر نشان داد: موقعیت: مطلق؛ بالا: 0؛

پس زمینه سند HTML و عناصر آن

پس از ناامید کننده عناصر اصلی کنترل پس زمینه، و همچنین ویژگی های آنها، به طور مستقیم به تجزیه و تحلیل یک مثال خاص ادامه دهید. در کد برنامه نشان داده شده در زیر، من سعی کردم تمام عناصر توصیف شده را فعال کنم.

دومین چیزی که باید بدانید تفاوت بین آن است

بدن سند راست: 0؛ :

عنصر سند

بدن سند

نشان داده شده در کد HTML از برچسب صفحه وب

بدن که شامل تمام محتوای صفحه وب است. بدیهی است، پس زمینه سند سند نمی تواند شفاف باشد. اگر پس زمینه بدن سند مشخص نشده باشد، مقدار پیش فرض مشخص شده در تنظیمات مرورگر مورد استفاده قرار می گیرد. عناصر صفحه در داخل برچسب هستند }

. قابل توجه است که شما می توانید رنگ و / یا تصویر پس زمینه را با استفاده از HTML به تمام عناصر سند تنظیم کنید. به عنوان مثال، تصویر پس زمینه را می توان فقط برای جداول مشخص کرد. به طور پیش فرض، آنها معمولا پس زمینه شفاف دارند. موقعیت: مطلق؛ بالا: 0؛

ویژگی BGColor برای ایجاد رنگ پس زمینه

به منظور پرسیدن

سند یا عناصر آن از ویژگی استفاده می شود ارتفاع: 200٪؛ и تصویر پس زمینه bgcolor ، به عنوان مثال: <bgcolor = "# eC008c">

<! - سند سند ->

</ body>

در این مورد، رنگ پس زمینه را برای صفحه به طور کلی تنظیم می کنیم. اما نمونه ای از نحوه تنظیم رنگ پس زمینه برای جدول، در برچسب جدول <table bgcolor = "# eC008c"> <tr> <td> متن با پس زمینه </ td> </ tr> </ table>

قابل توجه است که رنگ پس زمینه در جدول نیز می تواند برای ردیف در برچسب مشخص شود

tr و برای سلول های خود را در برچسب TD

چگونه برای پیدا کردن کد رنگ؟ شما احتمالا قبلا متوجه شده اید که رنگ در HTML به ویژه تنظیم شده است رمز html ، به عنوان مثال:

# EC008C

  • . به منظور پیدا کردن کد شما نیاز به رنگ شما می توانید از یکی از سردبیران گرافیک استفاده کنید. به عنوان مثال، در فتوشاپ شما می توانید استفاده کنید "
  • ابزار eyedropper.
  • (پیپت)

برای گرفتن یک رنگ از یک نقطه در تصویر. سپس، شما باید بر روی رنگ حاصل بر روی نوار ابزار کلیک کنید و در پنجره ای که باز می شود "

انتخاب کننده رنگ. (انتخاب رنگ) کد رنگ را کپی کنید من توجه شما را به این واقعیت جلب می کنم که این کد بدون علامت شبکه ای خواهد بود در ابتدا، این نشانه باید به صورت دستی اضافه شود.

شما همچنین می توانید از خدمات آنلاین متعدد استفاده کنید، به عنوان مثال: 
اصل کار آنها حتی ساده تر است - روی رنگ دلخواه کلیک کنید و کد آن را دریافت کنید. ویژگی پس زمینه برای ایجاد یک تصویر پس زمینه و همچنین در مورد رنگ پس زمینه و در مورد
شما باید از یک ویژگی خاص استفاده کنید، یعنی 
زمینه. 
<bound background = "/ 2014/06 / bg.jpg">

В html در این مورد، ما از تصویر پس زمینه برای صفحه به عنوان یک کل می خواهیم. قابل توجه است که با توجه به محدودیت های اندازه تصویر، تکرار خواهد شد، به عنوان مثال: همانطور که می بینید، هنگامی که تکرار، انتقال بین تصاویر قابل توجه است. بنابراین، تصاویر ویژه اغلب استفاده می شود، جایی که این لحظه به حساب می آید. اما یک نمونه از نحوه تنظیم یک تصویر پس زمینه برای یک جدول، در برچسب

<جدول پس زمینه = "/ 2014/06 / bg.jpg"> <tr> <td> متن با پس زمینه </ td> </ tr> </ table> html قابل توجه است که تصویر پس زمینه را می توان تنها برای جدول به عنوان یک کل و / یا سلول جداگانه آن تنظیم کرد. برای یک رشته کار نخواهد کرد. ویژگی پس زمینه برای ایجاد یک تصویر پس زمینه .

مسیر مطلق و نسبی به تصویر پس زمینه (انتخاب رنگ) به طور جداگانه ارزش توجه توجه آدرس تصویر پس زمینه . در این مورد، مسیر نسبی به تصویر استفاده می شود، به عنوان مثال آدرس در محل فایل تصویر به فایل وب صفحه نشان داده شده است. این گزینه را نمی توان به عنوان موفقیت به دست آورد. بهتر است از مسیر مطلق به تصویر استفاده کنید، I.E.

URL کامل آن <bound background = "/ images / bg.jpg"> .

در این مورد، مشکلات همراهی نداشته باشید. برای اطلاعات بیشتر در مورد آن شما می توانید اینجا بخوانید.

بیایید خلاصه کنیم 
با استفاده از ویژگی ها از نظر اخلاقی منسوخ شده است، زیرا برای اعتبار کد HTML شما باید از انتقالی استفاده کنید doctype

. برای تنظیم رنگ پس زمینه در HTML، از کدهای ویژه استفاده می کند که می توانید در یک ویرایشگر گرافیک یا با استفاده از خدمات ویژه آنلاین پیدا کنید. تصویر پس زمینه در دم از منطقه اختصاص داده شده و دروغ در بالای رنگ پس زمینه است. برای مشخص کردن یک تصویر پس زمینه، بهتر است از URL کامل خود استفاده کنید. من همه چیز را در این زمینه دارم از توجه شما سپاسگزارم. موفق باشید!

لینک کوتاه: http://goo.gl/03tsnz چگونه یک پس زمینه برای سایت ایجاد کنیم؟ هر اتاق خیلی بهتر خواهد شد اگر طبقه او فرش فارسی عزیز را افزایش دهد. بنابراین سایت شما بدتر است؟ شاید وقت آن و طبقه ی او باشد " تنظیم
  • »کاخ دستبند زیبا زیبا. ما در مورد چگونگی ایجاد پس زمینه برای سایت بیشتر درک خواهیم کرد:
  • این اتفاق می افتد که طراحی قدیمی سایت قبلا آمده است. و من می خواهم چیزی جدید و خوشمزه. و طراحی جدید چنین خواهد بود اگر شما آن را با دست خود را طبخ.
  • اما به طور کامل تمام طراحی منابع خود را تغییر دهید - چیزی ناسپاس است. بله، و نه هر کس چیزی در مورد این دارد. "
  • تیز

" دست ها. بنابراین، ساده ترین تجدید قالب قدیمی، تغییر رنگ پس زمینه منبع یا تصویر پس زمینه آن است.

چندین راه برای تغییر پس زمینه در سایت وجود دارد. این از فرصت ها استفاده می کند. 
CSS یا . اما بسیاری از خواص برای کار با پس زمینه، همان نام و روش کاربرد کاربرد در این فن آوری های وب دارند.
  • به عنوان یک پس زمینه، شما می توانید از چندین مورد استفاده کنید: رنگ؛ ;
  • تصویر پس زمینه؛
  • تصویر بافتی ما با استفاده از هر یک از آنها در جزئیات بیشتر برخورد خواهیم کرد. به منظور تنظیم رنگ پس زمینه پشت سایت، اموال استفاده می شود.

رنگ پس زمینه.

ویژگی سبک 

سبک. . به این ترتیب، برای تنظیم رنگ پایه برای صفحه وب، شما باید آن را در داخل برچسب <body> ثبت کنید. مثلا: <body style = "background-color: # 55d52b"> <p> پس زمینه سایت # 55d52b </ p> </ body>

علاوه بر کد رنگ هگزادسیمال، مقدار در فرمت کلمه کلیدی پشتیبانی می شود یا

RGB 

. مثال ها:

<body style = "background-color: RGB (51،255،153)"> <p> پس زمینه وب سایت RGB (23،113،44) </ p> </ body> <body style = "background-color: green"> <p> پس زمینه وب سایت سبز </ p> </ body> تنظیم رنگ پس زمینه با استفاده از کلمات کلیدی، تعداد محدودی از محدودیت ها در مقایسه با دو راه باقی مانده است.

مجموع 16 کلید واژه برای تنظیم رنگ پشتیبانی می شود. در اینجا برخی از آنها هستند:

سفید، قرمز، آبی، سیاه و سفید، زرد دیگر. بنابراین، به منظور تنظیم پس زمینه برای سایت

بهتر است از فرمت هگزادسیمال استفاده کنید 

علاوه بر انتخاب رنگ، تنظیمات دیگر در دسترس هستند. اگر ملک تعیین ارزش شفاف

پس زمینه صفحه شفاف خواهد شد. این مقدار به طور پیش فرض به این ویژگی اختصاص داده شده است. در حال حاضر امکان یک زبان hypertext را برای نصب الگوی پس زمینه برای سایت در نظر بگیرید. ممکن است آن را با استفاده از اموال انجام دهید. تصویر پس زمینه.

مثال: 

<body style = "background-image: url (img_1809.jpg)"> </ body>

همانطور که از کد دیده می شود، اتصال تصویر از طریق مسیر اتفاق می افتد

url

ارسال شده در براکت اما نه همه تصاویر به اندازه کافی بزرگ نیستند تا کل مساحت صفحه را با اندازه های خود پر کنند. بیایید ببینیم چطور شکل کوچکتر نمایش داده می شود.

فرض کنید ما در حال توسعه یک سایت در مورد شعر، و به عنوان یک بستر شما نیاز به استفاده از تصویر Pegasus. اسب بالدار آزادی تفکر خلاقانه شاعر را شخصیت خواهد کرد!

ما نیاز داریم که تصویر یک بار در وسط صفحه نمایش داده شود. اما، متاسفانه، مرورگر خواسته های فوق العاده ای را درک نمی کند. و یک تصویر کوچکتر برای پس زمینه سایت را چندین بار به عنوان منطقه صفحه نمایش می تواند جای دهد:

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

پس زمینه-تکرار . مقادیر احتمالی: تکرار X - تکرار تصویر پس زمینه به صورت افقی؛

بنابراین، ما این کار را برای تنظیم پس زمینه پشت از دو عکس تسهیل می کنیم: انیمیشن و تصویر منظم. در این مورد، انیمیشن GIF ثابت خواهد شد، و نقاشی همراه با محتویات صفحه حرکت می کند.

تکرار Y - عمودی؛

تکرار - در هر دو محور؛

بدون تکرار - تکرار ممنوع است.

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

<body style = "background-image: url (3.jpg)؛ پس زمینه-تکرار: بدون تکرار"> </ body>

اما، البته، بهتر است اگر LETOW ما در وسط صفحه قرار گیرد. ویژگی

پس زمینه فقط در نظر گرفته شده است که الگوی پس زمینه را در صفحه قرار دهید. مختصات مکان را به روش های مختلف تنظیم کنید:
. به این ترتیب، برای تنظیم رنگ پایه برای صفحه وب، شما باید آن را در داخل برچسب <body> ثبت کنید. مثلا: کلمه کلیدی (
<bound background = "/ images / bg.jpg"> بالا، پایین، مرکز، چپ، راست)
یا درصد - شمارش معکوس از گوشه بالا سمت چپ شروع می شود؛
هر اتاق خیلی بهتر خواهد شد اگر طبقه او فرش فارسی عزیز را افزایش دهد. بنابراین سایت شما بدتر است؟ شاید وقت آن و طبقه ی او باشد " در واحد اندازه گیری (
(انتخاب رنگ) پیکسل
) ما از ساده ترین گزینه برای مرکز استفاده می کنیم:

<body style = "background-image: url (3.jpg)؛ پس زمینه تکرار: بدون تکرار؛ موقعیت پس زمینه: مرکز بالا"> </ body>

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

پس زمینه ضمیمه

. مقادیر معتبر: <ul> <li> scroll؛ </ li> <li> ثابت. </ li> </ ul>

ما به معنای آخرین نیاز داریم در حال حاضر کد نمونه ما به نظر می رسد: [/ html] 
<body style = "background-image: url (3.jpg)؛ پس زمینه تکرار: بدون تکرار؛ پس زمینه موقعیت: مرکز بالا؛ پیوست پس زمینه: ثابت"> </ body> 

در مثال اول، برای پس زمینه، ما از یک چشم انداز بیابانی بزرگ و زیبا استفاده کردیم. اما برای چنین زیبایی شما باید پرداخت کنید. وزن تصویر انجام شده در کیفیت بالا می تواند به چندین مگابایت برسد.

این جلد بر سرعت دانلود صفحه مرورگر با اتصال با سرعت بالا با اینترنت تاثیر نمی گذارد. اما در مورد اینترنت تلفن همراه، هنگام استفاده از آن که دانلود چندین "

متر

"زمان زیادی را صرف خواهد کرد؟

"زمان زیادی را صرف خواهد کرد؟ تمام این مشکلات با استفاده از پس زمینه بافت حل می شوند. از یک تصویر کوچک به عنوان الگوی بافت استفاده می کند. حتی تحت شرایط تکرار چندگانه، الگوی تنها یک بار بارگذاری می شود.

برای ایجاد یک پس زمینه تاریک برای سایت بروید بدن فتوشاپ بدن ، یک تصویر را به صورت نوار یک نوار 1200 پیکسل طولانی و عرض 15 پیکسل ایجاد کنید. سپس ما از یک گرادیان سیاه و سفید ساده استفاده می کنیم و بافت حاصل را به صفحه سایت وصل می کنیم:

<body style = "background-image: url (1.png)؛ رنگ: RGB (0،51،204)"> </ body>

برای وضوح، ما متن را اضافه کردیم و رنگ آن را با استفاده از اموال تنظیم کردیم. بدن رنگ بدن . این چیزی است که اتفاق افتاد:

  • ارتفاع: 200٪؛ تمام خواص شرح داده شده در بالا نیز برای صفحات سبک آبشار قابل استفاده هستند. ایجاد یک پس زمینه از سایت
  • تصویر پس زمینه CSS
  • با بازنویسی کد یکی از نمونه های قبلی ما: <head> <title> سند بدون عنوان </ title> <style type = "text / css"> body {background-image: url (3.jpg)؛ پس زمینه تکرار: بدون تکرار؛ سابقه و هدف: مرکز بالا؛ پیوست پس زمینه: ثابت؛} </ Style> </ head> <body> </ body>
  • نتیجه مشابه خواهد بود. خوب، ما به همه گزینه ها نگاه کردیم، چگونه پس زمینه را در سایت تغییر دهیم. در حال حاضر تنها برای ایجاد یک نقاشی از فرش های آینده باقی مانده است و آن را در صفحات منابع خود پخش می کند. اما این دست شماست.
  • روز خوبی برای همه برای یادگیری و یادگیری چیزی جدید! آیا تا به حال به ظاهر سایت ها توجه کرده اید در هنگام توسعه سازندگان تنبل برای ترتیب پس زمینه صفحات؟ و من برگشتم به نظر می رسد کشتار. اغلب، با توجه به عدم جدایی معمول بین انواع مختلف اطلاعات، مخلوط شده است و به سادگی تمایل به نگاه بیشتر به چنین منابع وب را از بین می برد. به طوری که چنین مشکلی برای پروژه شما اتفاق افتاد، تصمیم گرفتم مقاله ای را در مورد موضوع بنویسم: "نحوه ایجاد یک پس زمینه از صفحات در HTML". پس از خواندن انتشار، شما یاد خواهید گرفت، با چه ابزارهایی که می توانید طراحی پس زمینه را تنظیم کنید، نحوه ایجاد یک پس زمینه ثابت یا تغییر و خیلی بیشتر، که کمک خواهد کرد که وب سایت شما جذاب باشد. حالا شروع کنیم
  • ابزار اصلی برای تنظیم صفحات وب پس زمینه برای تنظیم تصویر پس زمینه، توسعه دهندگان وب زبان یک پس زمینه ویژگی ارائه کرده اند. این در هر دو HTML و CSS موجود است.
  • در زبان نشانه گذاری، این یک ویژگی از برچسب بدن است، و در جداول سبک - یک ویژگی جهانی است که به شما اجازه می دهد تا در همان زمان به 5 ویژگی از طرح عقب تنظیم کنید. پس زمینه یک عنصر نسبتا انعطاف پذیر است که می تواند مورد استفاده قرار گیرد تا پس زمینه به عنوان یک رنگ، تصویر رنگی یا حتی انیمیشن استفاده شود. بنابراین، برای نصب تصویر پس زمینه از طریق واحد HTML <body> آن را به اندازه کافی برای نوشتن چنین کد کافی است:
  • <body background = "آدرس فایل"> ... </ body> و به جای کلمات "آدرس فایل" مسیر را به تصویر وارد کنید.
  • با این حال، توجه! اگر در قالب پس زمینه شما می خواهید یک بوم مونوچن را که از پالت رنگ مشخص شده است مشاهده کنید، سپس این کار با استفاده از ویژگی BGColor انجام می شود. به عنوان مثال، <bgcolor = bgcolor = "# 000000"> ... </ body>، ما از یک پس زمینه سیاه برای سایت ما پرسیدیم.
  • رنگ ها در CSS و HTML توسط یک کلمه انگلیسی (به عنوان مثال، قرمز) یا یک کد خاص که شامل علامت # و شش کاراکتر پس از آن (به عنوان مثال # ffdab9) است، تنظیم می شود. هنگام تایپ یک گزینه دوم در محصولات نرم افزاری تخصصی برای توسعه دهندگان، پالت به طور خودکار در مقابل شما ظاهر می شود. اگر شما فقط شروع به یادگیری این زبان های وب، پس از آن کد رنگ را می توان در اینترنت کشته شد.

پس زمینه به عنوان املاک در جداول سبک Cascading ارتفاع: 200٪؛ :

این مجموعه یا در یک فایل جداگانه با سبک CSS یا در عنصر <style> تنظیم شده است. با استفاده از این ویژگی، می توانید الگوهای پس زمینه یا رنگ را نصب کنید، مکان شروع را در صفحه مشخص کنید، تصاویر تکراری و ثابت را تنظیم کنید. برای وضوح بیشتر، تعاریف را در جدول ساختم. 

مولفه های هدف

برای نصب یک تصویر ثابت یا پیمایش همراه با محتوای سایت استفاده می شود. اتفاق می افتد ثابت، پیمایش و به ارث بردن

تصویر پس زمینه را تنظیم می کند. ممکن است به طور همزمان با رنگ نشان داده شود. سپس دومی نمایش داده خواهد شد تا زمانی که تصویر به طور کامل بارگیری شود.

محل اولیه شی را برای پارامتر قبلی تنظیم می کند. به صورت افقی نشان می دهد راست، چپ و مرکز، و عمودی، بالا، بالا و مرکز. علاوه بر این، شما می توانید موقعیت (ارثی) را به ارث برده، در درصد، پیکسل ها و ابعاد دیگر تنظیم کنید 

هنگام استفاده از ویژگی تصویر پس زمینه اعمال می شود. تنظیم می کند که چگونه تصویر تکرار می شود. شما می توانید 2 ارزش را مشخص کنید: برای افقی و عمودی. ویژگی ها وجود دارد: بدون تکرار، تکرار، تکرار، تکرار، تکرار، به ارث، فضا

Добавить комментарий