how should i move my image
Archiviert 2 years ago
B
BloodyPvper
hi how i cant move the image please help me
<!DOCTYPE html>
<html lang="fa" dir="rtl" class="dark-theme" style="color-scheme: dark;">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bloody Community</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="navbar-logo animateanimated animatefadeIn">
<span>Bloody</span>
Community
</div>
<div class="wrapper"></div>
<!--img class="img-host" src="minecraft.png" alt="host"-->
<div class="img-host"></div>
<header class="header">
<a class="logo" href="#"><div class="navbar-logo animateanimated animatefadeIn"><span>Bloody</span>Commuinty</div></a>
<nav class="navbar">
<a href="#">خانه</a>
<a href="#">گیم مود ها</a>
<a href="#">درباره ما</a>
</nav>
</header>
</body>
</html>
css:
.img-host{
width: 480px;
height: 700px;
background-image: url(minecraft.png);
background-size: 100%;
background-repeat: no-repeat;
margin: auto 5px;
float: left;
}
<!DOCTYPE html>
<html lang="fa" dir="rtl" class="dark-theme" style="color-scheme: dark;">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bloody Community</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="navbar-logo animateanimated animatefadeIn">
<span>Bloody</span>
Community
</div>
<div class="wrapper"></div>
<!--img class="img-host" src="minecraft.png" alt="host"-->
<div class="img-host"></div>
<header class="header">
<a class="logo" href="#"><div class="navbar-logo animateanimated animatefadeIn"><span>Bloody</span>Commuinty</div></a>
<nav class="navbar">
<a href="#">خانه</a>
<a href="#">گیم مود ها</a>
<a href="#">درباره ما</a>
</nav>
</header>
</body>
</html>
css:
.img-host{
width: 480px;
height: 700px;
background-image: url(minecraft.png);
background-size: 100%;
background-repeat: no-repeat;
margin: auto 5px;
float: left;
}