turgut-
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div{
background-color: black;
width: 100%;
height: 500px;
display: inline-block;
background-image: url("img/manzara.webp");
background-repeat: no-repeat;
border: 20px cyan solid;
border-radius: 30px;
}
h1{
clear: both;
float: right;
color: white;
width: 50%;
}
p{
clear: both;
float: right;
color: white;
width: 50%;
}
</style>
</head>
<body>
<div>
<h1>Neşeli Hüseyinler</h1>
<br><br><br><br>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates error iusto magni optio, aliquam aperiam quo quam facere quas est neque quia dolores. Dolore tempora animi, earum in dolor maiores eos porro accusantium suscipit dolores doloremque. Corrupti, ab ad! Rerum praesentium nisi incidunt culpa id illo expedita ullam veniam doloremque sint pariatur, eaque totam itaque nulla sunt laboriosam velit facilis cupiditate excepturi ad repellendus alias. Qui eligendi sunt esse quam vitae nihil explicabo modi at aut quasi, nemo aliquam, corporis dolorum quod! Impedit unde aliquid deleniti labore est? Quis doloremque esse, iste vitae soluta voluptatem nulla recusandae sapiente itaque velit?
</p>
</div>
</body>
</html><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div{
background-color: black;
width: 100%;
height: 500px;
display: inline-block;
background-image: url("img/manzara.webp");
background-repeat: no-repeat;
border: 20px cyan solid;
border-radius: 30px;
}
h1{
clear: both;
float: right;
color: white;
width: 50%;
}
p{
clear: both;
float: right;
color: white;
width: 50%;
}
</style>
</head>
<body>
<div>
<h1>Neşeli Hüseyinler</h1>
<br><br><br><br>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates error iusto magni optio, aliquam aperiam quo quam facere quas est neque quia dolores. Dolore tempora animi, earum in dolor maiores eos porro accusantium suscipit dolores doloremque. Corrupti, ab ad! Rerum praesentium nisi incidunt culpa id illo expedita ullam veniam doloremque sint pariatur, eaque totam itaque nulla sunt laboriosam velit facilis cupiditate excepturi ad repellendus alias. Qui eligendi sunt esse quam vitae nihil explicabo modi at aut quasi, nemo aliquam, corporis dolorum quod! Impedit unde aliquid deleniti labore est? Quis doloremque esse, iste vitae soluta voluptatem nulla recusandae sapiente itaque velit?
</p>
</div>
</body>
</html>
Yorumlar
Yorum Gönder