Tự code rồi chạy thử... Chạy Thử

<!DOCTYPE html>
<html>
<head>
<title>Kết hợp các giá trị của thuộc tính background-origin trong CSS</title>
<style>
#padding-box {
  background-image: url(https://webmoi.vn/thumuc/bg-cay.png), url(https://webmoi.vn/thumuc/bg-nho.jpg);
  border: 10px dashed red;
  padding: 25px;
  background-repeat: no-repeat;
  background-origin: content-box, padding-box;
  color:red;
  margin-bottom:15px;
}
#border-box {
  background-image: url(https://webmoi.vn/thumuc/bg-cay.png), url(https://webmoi.vn/thumuc/bg-nho.jpg);
  border: 10px dashed red;
  padding: 25px;
  background-repeat: no-repeat;
  background-origin: content-box, border-box;
  color:red;
  margin-bottom:15px;
}
#content-box {
  background-image: url(https://webmoi.vn/thumuc/bg-cay.png), url(https://webmoi.vn/thumuc/bg-nho.jpg);
  border: 10px dashed red;
  padding: 25px;
  background-repeat: no-repeat;
  background-origin: content-box, content-box;
  color:red;
  margin-bottom:15px;
}
</style>
</head>
<body>

<h1>Kết hợp các giá trị của thuộc tính background-origin trong CSS</h1>

<div id="padding-box">
 <p>background-origin: content-box, padding-box;</p>
</div>

<div id="border-box">
 <p>background-origin: content-box, border-box;</p>
</div>

<div id="content-box">
 <p>background-origin: content-box, content-box;</p>
</div>
</body>
</html>

Kết hợp các giá trị của thuộc tính background-origin trong CSS nằm trong bài viết Thuộc tính background-origin trong CSS