সিএসএস

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
div {
  border: 1px solid black;
  outline: 4px dashed tomato;
}
</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 {
  padding: 20px;
  border: 1px solid black;
}

.dotted {
  outline-style: dotted;
}

.double {
  outline-style: double;
}

.dashed {
  outline-style: dashed;
}
</style>
</head>
<body>

<div class="dotted">প্রোগ্রামিং শিখুন</div><br>
<div class="double">প্রোগ্রামিং শিখুন</div><br>
<div class="dashed">প্রোগ্রামিং শিখুন</div>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>

div {
  padding: 20px;
  outline-style: dashed;
  outline-width: 4px;
  border: 1px solid black;
}

.tomato {
  outline-color: tomato;
}

.yellow {
  outline-color: yellow;
}

.orange {
  outline-color: orange;
}
</style>
</head>
<body>

<div class="tomato">প্রোগ্রামিং শিখুন</div><br>
<div class="yellow">প্রোগ্রামিং শিখুন</div><br>
<div class="orange">প্রোগ্রামিং শিখুন</div>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>

div {
  padding: 20px;
  outline-style: dashed;
  outline-width: 4px;
  border: 1px solid black;
}

.tomato {
  outline-color: tomato;
}

.yellow {
  outline-color: yellow;
}

.orange {
  outline-color: orange;
}
</style>
</head>
<body>

<div class="tomato">প্রোগ্রামিং শিখুন</div><br>
<div class="yellow">প্রোগ্রামিং শিখুন</div><br>
<div class="orange">প্রোগ্রামিং শিখুন</div>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>

div {
  padding: 20px;
  outline-style: dashed;
  outline-width: 4px;
  border: 1px solid black;
  outline-offset: 5px;
}

.tomato {
  outline-color: tomato;
}

.yellow {
  outline-color: yellow;
}

.orange {
  outline-color: orange;
}
</style>
</head>
<body>

<div class="tomato">প্রোগ্রামিং শিখুন</div><br>
<div class="yellow">প্রোগ্রামিং শিখুন</div><br>
<div class="orange">প্রোগ্রামিং শিখুন</div>

</body>
</html>