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

<!DOCTYPE html>
<html>
<head>
<title>Thuộc tính background-position bằng phần trăm trong CSS</title>
<style>
#mtdiv {
  background-image: url(https://webmoi.vn/thumuc/ceo-bui-tan-luc.jpg);
  border: 2px solid black;
  padding: 25px;
  min-height:300px;
  background-repeat: no-repeat; /*Không lặp lại hình nền*/
  background-attachment: fixed; /*Cho đứng hình nền*/
  background-size: cover; /*Cắt bớt 1 số phần hình ảnh, thay đối kích thước để bao phủ toàn bộ phần tử HTML*/
  color:red;
}
</style>
</head>
<body>

<h1>Thuộc tính background-position bằng phần trăm trong CSS</h1>

<p>Lấy vị trí phần trăm của hình nền canh vào vị trí phần trăm của phần tử HTML (Nếu hình nền nhỏ): background-position: 50% 50%;</p>

</body>
</html>

Thuộc tính background-position bằng phần trăm trong CSS

Lấy vị trí phần trăm của hình nền canh vào vị trí phần trăm của phần tử HTML (Nếu hình nền nhỏ): background-position: 50% 50%;

Lấy vị trí phần trăm của hình nền canh vào vị trí phần trăm của phần tử HTML (Nếu hình nền nhỏ)

Hình gốc:

Thuộc tính background-position bằng phần trăm trong CSS nằm trong bài viết Thuộc tính background-position trong CSS