Thuộc tính background-size cover trong CSS

Thuộc tính background-size cover trong CSS

Thuộc tính background-size cover trong CSS

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Thuộc tính background-size cover trong CSS</title>
<style>
#mtdiv {
  background: url(https://webmoi.vn/thumuc/ceo-bui-tan-luc.jpg);
  border: 2px solid black;
  padding: 25px;
  min-height:300px;
  background-repeat: no-repeat;
  color:red;
}
</style>
</head>
<body>

<h1>Thuộc tính background-size cover trong CSS</h1>

<p>Hình ảnh nền được thay đổi kích thước để bao phủ toàn bộ phần tử HTML, nó có thể cắt một phần hình ảnh hoặc kéo dài kích thước hình ảnh:</p>

<div id="mtdiv" style="background-size: cover;">Hình ảnh nền được thay đổi kích thước để bao phủ toàn bộ phần tử HTML, nó có thể cắt một phần hình ảnh hoặc kéo dài kích thước hình ảnh</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>
Thuộc tính background-size cover trong CSS nằm trong bài viết Thuộc tính background-size trong CSS