JSFiddle - React, Tailwind, and code Playground

by Tìm ở đây Khoá học CNTT

HTML

<div class="background">
  <div class="transbox">
    <p>Đây là văn bản nằm trong hộp trong suốt.</p>
  </div>
</div>

CSS

div.background {
  background: url("https://timoday.edu.vn/wp-content/uploads/2021/04/img_mountains.jpg") repeat;
  border: 2px solid black;
}

div.transbox {
  margin: 30px;
  background-color: #ffffff;
  border: 1px solid black;
  opacity: 0.6;
}

div.transbox p {
  margin: 5%;
  font-weight: bold;
  color: #000000;
}