সিএসএস

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
h1 { 
  background: tomato; 
}

p { 
  background: orange; 
}
</style>
</head>
<body>
<div>
  <h1>প্রোগ্রামিং শিখুন</h1>
  <p>প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
</div>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
h1 { 
  background-color: tomato; 
}

p { 
  background-color: orange; 
}
</style>
</head>
<body>
<div>
  <h1>প্রোগ্রামিং শিখুন</h1>
  <p>প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
</div>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
div {
  border: 4px dotted black;
  padding: 10px;
  background: lightblue;
  background-clip: border-box;  
}
</style>
</head>
<body>
<div>
  <h1>প্রোগ্রামিং শিখুন</h1>
  <p>প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
</div>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
div {
  background-image: url("/images/author.jpg");
  border: 4px dotted black;
  padding: 10px;
  background-size: 400px 200px;
  background-repeat: no-repeat;
}
</style>
</head>
<body>
<div>
  <h1>প্রোগ্রামিং শিখুন</h1>
  <p>প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
</div>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
div {
  background-image: url("/images/author.jpg");
  border: 4px dotted black;
  padding: 10px;
  background-size: 400px 200px;
  background-repeat: no-repeat;
  background-origin: content-box;
}
</style>
</head>
<body>
<div>
  <h1>প্রোগ্রামিং শিখুন</h1>
  <p>প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
</div>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
div {
  background-image: url("/images/author.jpg");
  border: 4px dotted black;
  padding: 10px;
  background-size: 400px 200px;
  background-repeat: no-repeat;
}
</style>
</head>
<body>
<div>
  <h1>প্রোগ্রামিং শিখুন</h1>
  <p>প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
</div>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body  {
  background-image: url("/images/author.jpg");
}
</style>
</head>
<body>
<div>
  <h1>প্রোগ্রামিং শিখুন</h1>
  <p>প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
</div>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body { 
  background-image: url("/images/author.jpg");
  border: 4px dotted black;
  background-size: 400px 125px;
  background-repeat: no-repeat;
  background-position: center; 
}
</style>
</head>
<body>
<div>
  <h1>প্রোগ্রামিং শিখুন</h1>
  <p>প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
</div>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body { 
  background-image: url("/images/author.jpg");
  border: 4px dotted black;
  background-size: 400px 125px;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}
</style>
</head>
<body>
<div>
  <h1>প্রোগ্রামিং শিখুন</h1>
  <p>প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
</div>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body { 
  background-image: url("/images/author.jpg");
  border: 4px dotted black;
  background-size: 400px 125px;
  background-repeat: no-repeat;
  background-position-x: center; 
}
</style>
</head>
<body>
<div>
  <h1>প্রোগ্রামিং শিখুন</h1>
  <p>প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
</div>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body { 
  background-image: url("/images/author.jpg");
  border: 4px dotted black;
  background-size: 400px 125px;
  background-repeat: no-repeat;
  background-position-y: left; 
}
</style>
</head>
<body>
<div>
  <h1>প্রোগ্রামিং শিখুন</h1>
  <p>প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
</div>
</body>
</html>