حسین روحی معین
4 هفته پیش
توسط حسین روحی معین
مطرح شد
افزودن بگراند ا tml
چطوری میتونم با html بک گراند یک عکس را اضافه کنم ؟
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
ثبت پرسش جدید
1. استفاده مستقیم در تگ
گزارش تخلف
کپی کردن
0
سلام میتونی از background-image در style استفاده کنی. اینم دو نمونه کد:
1. استفاده مستقیم در تگ style:
<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>پس‌زمینه تصویر</title>
<style>
body {
background-image: url('background.jpg'); /* مسیر عکس */
background-size: cover; /* متناسب با صفحه */
background-position: center; /* مرکز چین */
background-repeat: no-repeat; /* تکرار نشه */
}
</style>
</head>
<body>
<h1>بک‌گراند با تصویر</h1>
</body>
</html>2. استفاده از کلاس CSS و اعمال به یک عنصر خاص:
<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>پس‌زمینه با کلاس</title>
<style>
.bg {
width: 100%;
height: 400px;
background-image: url('background.jpg');
background-size: cover;
background-position: center;
}
</style>
</head>
<body>
<div class="bg"></div>
</body>
</html>اگر عکس توی همون پوشه باشه، فقط اسمشو بنویس (background.jpg)، ولی اگه توی یه پوشه دیگه باشه، مسیرشو مشخص کن (images/background.jpg).