روز سوم
در روز سوم این چالش 10 روزه به بررسی کلاس مربوط به Background می پردازیم که شامل موارد زیر می شود :
background-color
background-image
background-repeat
background-attachment
background-position
background-color
همانطور که از اسم این کلاس مشخص است با استفاده از آن میتوانیم رنگ پس زمینه وب سایت یا المنت خود را مشخص کنیم به مثال زیر توجه کنید:
<head>
<style>
body {
background-color: lightblue;
}
</style>
</head>
<body>
<h1>Hello World!</h1>
<p>This page has a light blue background color!</p>
</body>
در مثال پایین background هر المنت را به صورت جداگانه انتخاب کردیم.
<head>
<style>
h1 {
background-color: green;
}
div {
background-color: lightblue;
}
p {
background-color: yellow;
}
</style>
</head>
<body>
<h1>CSS background-color example!</h1>
<div>
This is a text inside a div element.
<p>This paragraph has its own background color.</p>
We are still in the div element.
</div>
</body>
توسعه دهنده وب
شروع آشنایی من با دنیای برنامه نویسی 9 سال پیش بود ، اول مسیر با وردپرس آشنا شدم و بعد از اون شروع به یادگیری زبان جاوا اسکریپت کردم و رفته رفته سعی کردم یک برنامه نویس Front-end بشم که به مبحث گرافیک هم علاقه منده و هر روز تلاش میکنه تا پیشرفت کنه و اگر تجربه ای داره با بقیه به اشتراک بزاره.
- آموزش ساخت صفحه ی وب سایت با استفاده از HTML و css
- ساخت فروشگاه اینترنتی با html ، css و bootstrap - بخش اول
- سوالات مصاحبه ای از php و لاراول
- همه ی آنچه باید در مورد Nuxt js بدانیم
- میانبر های مفید ادیتور VSCode
این مقاله چقدر مفید بود ؟