Học CSS 13 – Thuộc tính background-position

0
1

[ VIDEO TUT ]

Bấm Subscribe Nhận video học mới nhất :

Chú ý: Các bạn lựa chọn video ở chế độ 720HD để xem được chất lượng hình ảnh và âm thanh tốt nhất nhé.

Bài học html và css cơ bản khác xem tại đây.

Thuộc tính background-position

Thuộc tính background-position thiết lập vị trí cho ảnh nền. Mặc định là trên cùng bên trái.

Cú pháp

selector{
     background-position : value1 value2;
}

Trong đó: value1 và value2 sẽ nhận một trong hai loại giá trị sau:

  • giá trị đặc biệt: top, left, center, bottom, right.
  • giá trị độ dài với value1 là khoảng cách từ ảnh nền tới lề bên trái và value2 là vị trí từ ảnh nền tới lề bên trên

Ví dụ

h1{
	background-color: #ff0;
	background-image: url(anh.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top center;
}

hoặc

h1{
	background-color: #ff0;
	background-image: url(anh.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 20px 500px;
}

Tác giả: Đạt Nguyễn Vietpro

BÌNH LUẬN

Vui lòng nhập bình luận của bạn
Vui lòng nhập tên của bạn ở đây