<!DOCTYPE html>
<html>
<head>
<title>Thuộc tính background-position bằng px 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*/
color:red;
}
</style>
</head>
<body>
<h1>Thuộc tính background-position bằng px trong CSS</h1>
<p>Tạo khoảng trắng từ trái qua ở vị trí 1, tạo khoảng trắng từ trên xuống ở vị trí 2: background-position: 100px 250px;</p>
<div id="mtdiv" style="background-position: 100px 250px; ">
<p>Tạo khoảng trắng từ trái qua ở vị trí 1, tạo khoảng trắng từ trên xuống ở vị trí 2</p>
</div>
<p><b>Hình gốc:</b></p>
<img src="https://webmoi.vn/thumuc/ceo-bui-tan-luc.jpg" style="width:100%; height:auto">
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Thuộc tính background-position bằng px 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*/
color:red;
}
</style>
</head>
<body>
<h1>Thuộc tính background-position bằng px trong CSS</h1>
<p>Tạo khoảng trắng từ trái qua ở vị trí 1, tạo khoảng trắng từ trên xuống ở vị trí 2: background-position: 100px 250px;</p>
<div id="mtdiv" style="background-position: 100px 250px; ">
<p>Tạo khoảng trắng từ trái qua ở vị trí 1, tạo khoảng trắng từ trên xuống ở vị trí 2</p>
</div>
<p><b>Hình gốc:</b></p>
<img src="https://webmoi.vn/thumuc/ceo-bui-tan-luc.jpg" style="width:100%; height:auto">
</body>
</html>
