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

<!DOCTYPE html>
<html>
<head>
<title>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/ceo-bui-tan-luc.jpg);
  border: 10px dashed red;
  padding: 25px;
  background-repeat: no-repeat;
  background-origin: padding-box;
  color:red;
  margin-bottom:15px;
}
#border-box {
  background-image: url(https://webmoi.vn/thumuc/ceo-bui-tan-luc.jpg);
  border: 10px dashed red;
  padding: 25px;
  background-repeat: no-repeat;
  background-origin: border-box;
  color:red;
  margin-bottom:15px;
}
#content-box {
  background-image: url(https://webmoi.vn/thumuc/ceo-bui-tan-luc.jpg);
  border: 10px dashed red;
  padding: 25px;
  background-repeat: no-repeat;
  background-origin: content-box;
  color:red;
  margin-bottom:15px;
}
</style>
</head>
<body>

<h1>Các giá trị của thuộc tính background-origin trong CSS</h1>

<div id="padding-box">
 <p>background-origin: padding-box (background trong border-top và border-left)</p>
</div>

<div id="border-box">
 <p>background-origin: border-box (background phủ tất cả border)</p>
</div>

<div id="content-box">
 <p>background-origin: content-box (background trong border-top và border-left và trong padding-top và padding-left)</p>
</div>
</body>
</html>

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