Danh ngôn cuộc sống:
| • Bài viết được đăng bởi: Mr. Phan Nhan• Ngày cập nhật bài viết: 11/05/2016• Tổng lược xem trang: 144 / 1 khách• Đánh giá bởi người dùng: |
Thuộc tính background-attachment : xác định thành phần nền được cố định hoặc cuộn so với trang. Được sử dụng kèm với giá trị background-image. Với url là đường dẫn tới hình được sử dụng làm hình nền.
<html>
<head>
<style type="text/css">
div {
background: url(background-web.gif) no-repeat;
background-attachment: fixed;
}
</style>
</head>
<body>
<div>
<p>đây là nơi chứa nội dung cần hiển thị</p>
</div>
</body>
</html>
Thuộc tính background-color : xác định màu nền cho thành phần.
- background-position: left top; Hình nằm bên trái - phía trên thành phần (đây là dạng mặc định).
- background-position: left bottom; Hình nằm bên trái - phía dưới thành phần.
- background-position: left center; Hình nằm bên trái - canh giữa thành phần.
- background-position: right top; Hình nằm bên phải - phía trên thành phần (đây là dạng mặc định).
- background-position: right bottom; Hình nằm bên phải - phía dưới thành phần.
- background-position: right center; Hình nằm bên phải - canh giữa thành phần.
- background-position: center top; Hình nằm giữa - phía trên thành phần (đây là dạng mặc định).
- background-position: center bottom; Hình nằm giữa - phía dưới thành phần.
- background-position: center center; Hình nằm giữa - canh giữa thành phần.
- background-position: đơnvị đơnvị; Hình nằm cách bên trái với khoảng cách bằng đơn vị - cách phía trên với khoảng cách bằng đơn vị.
Ví dụ: background-position: 5px 15px; thì code chúng ta viết như sau:
Ví dụ 1: nếu muốn cho nền lập lại theo chiều ngang ta dùng đoạn mã background-repeat: repeat-x; như bên dưới.
Ví dụ: bạn muốn trình duyệt hiển thị nền màu #ff0000, có hình nằm bên trái - phía trên thành phần thì ta viết như sau:
<html>
<head>
<style type="text/css">
div {
background: url(background-web.gif) no-repeat;
background-attachment: fixed;
}
</style>
</head>
<body>
<div>
<p>đây là nơi chứa nội dung cần hiển thị</p>
</div>
</body>
</html>
<html>
<head>
<style type="text/css">
div {
background-color: #ff0000;
}
</style>
</head>
<body>
<div>
<p>đây là nơi chứa nội dung cần hiển thị</p>
</div>
</body>
</html>
Thuộc tính background-image : xác định hình ảnh nền cho thành phần. Với url là đường dẫn tới hình được sử dụng làm hình nền.<head>
<style type="text/css">
div {
background-color: #ff0000;
}
</style>
</head>
<body>
<div>
<p>đây là nơi chứa nội dung cần hiển thị</p>
</div>
</body>
</html>
<html>
<head>
<style type="text/css">
div {
background-image: url(background-web.gif);
}
</style>
</head>
<body>
<div>
<p>đây là nơi chứa nội dung cần hiển thị</p>
</div>
</body>
</html>
Thuộc tính background-position : xác định vị trí hình ảnh nền cho thành phần. Được sử dụng kèm với giá trị background-image và background-repeat.<head>
<style type="text/css">
div {
background-image: url(background-web.gif);
}
</style>
</head>
<body>
<div>
<p>đây là nơi chứa nội dung cần hiển thị</p>
</div>
</body>
</html>
<html>
<head>
<style type="text/css">
div {
background-image: url(background-web.gif);
background-repeat: no-repeat;
background-position: right top;
}
</style>
</head>
<body>
<div>
<p>đây là nơi chứa nội dung cần hiển thị</p>
</div>
</body>
</html>
background-position có các cặp giá trị như sau:<head>
<style type="text/css">
div {
background-image: url(background-web.gif);
background-repeat: no-repeat;
background-position: right top;
}
</style>
</head>
<body>
<div>
<p>đây là nơi chứa nội dung cần hiển thị</p>
</div>
</body>
</html>
- background-position: left top; Hình nằm bên trái - phía trên thành phần (đây là dạng mặc định).
- background-position: left bottom; Hình nằm bên trái - phía dưới thành phần.
- background-position: left center; Hình nằm bên trái - canh giữa thành phần.
- background-position: right top; Hình nằm bên phải - phía trên thành phần (đây là dạng mặc định).
- background-position: right bottom; Hình nằm bên phải - phía dưới thành phần.
- background-position: right center; Hình nằm bên phải - canh giữa thành phần.
- background-position: center top; Hình nằm giữa - phía trên thành phần (đây là dạng mặc định).
- background-position: center bottom; Hình nằm giữa - phía dưới thành phần.
- background-position: center center; Hình nằm giữa - canh giữa thành phần.
- background-position: đơnvị đơnvị; Hình nằm cách bên trái với khoảng cách bằng đơn vị - cách phía trên với khoảng cách bằng đơn vị.
Ví dụ: background-position: 5px 15px; thì code chúng ta viết như sau:
<html>
<head>
<style type="text/css">
p {
background-image: url(background-web.gif);
background-repeat: no-repeat;
background-position: 5px 15px;
padding-left: 10px;
}
</style>
</head>
<body>
<p>đây là nơi chứa nội dung cần hiển thị</p>
</body>
</html>
Thuộc tính background-repeat : xác định hình ảnh nền được lặp như thế nào. Được sử dụng kèm với giá trị background-image.<head>
<style type="text/css">
p {
background-image: url(background-web.gif);
background-repeat: no-repeat;
background-position: 5px 15px;
padding-left: 10px;
}
</style>
</head>
<body>
<p>đây là nơi chứa nội dung cần hiển thị</p>
</body>
</html>
Ví dụ 1: nếu muốn cho nền lập lại theo chiều ngang ta dùng đoạn mã background-repeat: repeat-x; như bên dưới.
<html>
<head>
<style type="text/css">
div {
background-image: url(background-web.gif);
background-repeat: repeat-x;
}
</style>
</head>
<body>
<div>
<p>đây là nơi chứa nội dung cần hiển thị</p>
</div>
</body>
</html>
Ví dụ 2: nếu muốn cho nền lập lại theo chiều dọc ta dùng đoạn mã background-repeat: repeat-y; như bên dưới.<head>
<style type="text/css">
div {
background-image: url(background-web.gif);
background-repeat: repeat-x;
}
</style>
</head>
<body>
<div>
<p>đây là nơi chứa nội dung cần hiển thị</p>
</div>
</body>
</html>
<html>
<head>
<style type="text/css">
div {
background-image: url(background-web.gif);
background-repeat: repeat-y;
}
</style>
</head>
<body>
<div>
<p>đây là nơi chứa nội dung cần hiển thị</p>
</div>
</body>
</html>
Ví dụ 3: nếu muốn cho nền lập lại toàn phần ta dùng đoạn mã background-repeat: repeat; như bên dưới.<head>
<style type="text/css">
div {
background-image: url(background-web.gif);
background-repeat: repeat-y;
}
</style>
</head>
<body>
<div>
<p>đây là nơi chứa nội dung cần hiển thị</p>
</div>
</body>
</html>
<html>
<head>
<style type="text/css">
div {
background-image: url(background-web.gif);
background-repeat: repeat;
}
</style>
</head>
<body>
<div>
<p>đây là nơi chứa nội dung cần hiển thị</p>
</div>
</body>
</html>
Ví dụ 4: nếu muốn cho nền không lập lại ta dùng đoạn mã background-repeat: no-repeat; như bên dưới.<head>
<style type="text/css">
div {
background-image: url(background-web.gif);
background-repeat: repeat;
}
</style>
</head>
<body>
<div>
<p>đây là nơi chứa nội dung cần hiển thị</p>
</div>
</body>
</html>
<html>
<head>
<style type="text/css">
div {
background-image: url(background-web.gif);
background-repeat: no-repeat;
}
</style>
</head>
<body>
<div>
<p>đây là nơi chứa nội dung cần hiển thị</p>
</div>
</body>
</html>
Thuộc tính background : Có giá trị riêng lẻ hoặc kết hợp các thuộc tính background-color, background-image, background-repeat, background-position, background-attachment lại với nhau để cho ra một cách hiển thị đặc biệt.<head>
<style type="text/css">
div {
background-image: url(background-web.gif);
background-repeat: no-repeat;
}
</style>
</head>
<body>
<div>
<p>đây là nơi chứa nội dung cần hiển thị</p>
</div>
</body>
</html>
Ví dụ: bạn muốn trình duyệt hiển thị nền màu #ff0000, có hình nằm bên trái - phía trên thành phần thì ta viết như sau:
<html>
<head>
<style type="text/css">
div {
background: #ff0000 url(background-web.gif) no-repeat left top;
}
</style>
</head>
<body>
<div>
<p>đây là nơi chứa nội dung cần hiển thị</p>
</div>
</body>
</html>
<head>
<style type="text/css">
div {
background: #ff0000 url(background-web.gif) no-repeat left top;
}
</style>
</head>
<body>
<div>
<p>đây là nơi chứa nội dung cần hiển thị</p>
</div>
</body>
</html>
Những bài viết được đăng mới nhất. 
• Admin:
• Time: (GMT+7)
• Date:
• Browser your: Mozilla/5.0
• Size screen your: (pixels)
• Time: (GMT+7)
• Date:
• Browser your: Mozilla/5.0
• Size screen your: (pixels)
Bài viết được xem nhiều nhất
Thông báo chung từ ban quản trị
Toàn bộ nội dung trên wap là do admin sưu tầm, chỉnh sửa và đã được test thử. Các bạn có thể xem và download về hoàn toàn miễn phí (trừ phí phát sinh từ internet của bạn sử dụng. Chúng tôi khuyến khích bạn nên dùng Wifi để tải dữ liệu). Hiện nay có một số trang web gắn mã kích hoạt vào ứng dụng và game. Các bạn chú ý nên tải game hoặc ứng dụng thì nên vào những trang wepsite uy tín nha. Nếu các bạn không biết kiểm tra file có chứa mã độc hay không, thì có thể tải theo hệ điều hành của mình để khỏi phải mất tiền một cách vô lý nha.Thống kê nội dung website
• Total pages: 2.185 (page)
• Bandwidth usage: 42.287 (GB)
• Total page files: 328,796 (file)
• Total views: 1.000.000+ (guest)
• Bandwidth usage: 42.287 (GB)
• Total page files: 328,796 (file)
• Total views: 1.000.000+ (guest)
Tag
42 Thủ Nhãn Ấn Pháp theo Chú Đại Bi, 84 hình ảnh minh họa Chú Đại Bi, Ấn Pháp, ảnh Phật, avatar auto Anh Việt, avatar auto câu cá, avatar auto chăm sóc, avatar auto chơi kim cương, avatar auto farm, avatar auto quay số, avatar auto sự kiện, avatar auto trả lời cô giáo, avatar auto trả lời tiếng Anh, avatar auto trả lời tiếng Việt, avatar hack, avatar mod, avatar phiên bản mới nhất, avatar team, avatar teamobi, bỏ dấu, bỏ dấu ký tự, bỏ dấu ký tự tiếng Việt online, bỏ dấu ký tự tiếng Việt tốt nhất, bỏ dấu ký tự tiếng Việt trực tuyến, chơi game không cần cài đặt, chơi game trực tiếp, Chú Đại Bi, Chú Đại Bi tiếng Phạn, Chú Đại Bi tiếng Việt, chuyển đổi, chuyển đổi ký tự, chuyển đổi ký tự có dấu thành không dấu, công cụ, công cụ tìm kiếm, công cụ xóa dấu, công cụ xóa dấu tiếng Việt miễn phí, công cụ xóa dấu tiếng Việt online, công cụ xóa dấu tiếng Việt trực tuyến, Đạo Hòa Hảo, game avatar, game avatar auto câu cá, game avatar auto chuyển xèng, game avatar auto farm, game avatar auto làm nhiệm vụ, game avatar auto oảnh tù xì, game avatar auto quay số, game avatar hack, game avatar mod, game avatar nông trại, game avatar online, game chuẩn bị ra mắt, game con gái, game con trai, game danh cho bé gái, game dành cho bé trai, game dành cho con gái, game dành cho con trai, game giải đố, game giải trí, game hack, game hành động, game hay, game hay nhất, game mobile, game mobile online, game mod, game mới, game mới nhất, game mới nhất năm 2022, game mới nhất năm 2023, game mới ra mắt, game ninjaschool, game ninjaschool auto đánh, game ninjaschool auto java, game ninjaschool auto nhiệm vụ, game ninjaschool auto pk, game ninjaschool auto pt nhóm, game ninjaschool auto tà thú, game ninjaschool auto up level, game ninjaschool auto up yên, game ninjaschool hack, game ninjaschool hack android, game ninjaschool mod, game ninjaschool mod android, game ninjaschool online, game online, game online hay nên chơi, game online không thể bỏ qua, game online mới nhất năm 2022, game online mới nhất năm 2023, game sắp ra mắt, game trí tuệ, game vui, game web, hình ảnh, hình ảnh Phật, hình Phật, Hòa Hảo, hướng dẫn, hướng dẫn tạo website, hướng dẫn tạo website đơn giản, hướng dẫn tạo website free, hướng dẫn tạo website miễn phí, khung chứa text, khung chứa văn bản, khung nhập text, khung nhập văn bản, Kinh Pháp Cú, loại bỏ dấu, loại bỏ dấu ký tự dấu tiếng Việt miễn phí, loại bỏ dấu ký tự dấu tiếng Việt online, loại bỏ dấu ký tự dấu tiếng Việt trực tuyến, mr phan nhan, mrphannhan, Phật Giáo, Phật Giáo Hòa Hảo, Phật Giáo Việt Nam, Phật Mẫu Chuẩn Đề, search engine optimization, seo, seo là gì, seo marketing, tách dấu, tách dấu câu, tách dấu câu trong văn bản miễn phí, tách dấu câu trong văn bản online, tách dấu câu trong văn bản trực tuyến, tách dấu văn bản, tải ứng dụng, tải ứng dụng cho android, tải ứng dụng cho android crack, tải ứng dụng cho android free, tải ứng dụng cho android mod, tai-ung-dung-chplay, tai-ung-dung-crack, tai-ung-dung-google-play, tai-ung-dung-mien-phi, tao-website, tao-website-chuan-seo, tao-website-chuan-seo-google, tao-website-free, tao-website-mien-phi, than-chu, than-chu-phat-mau-chuan-de, thu-nhan-an-phap, thu-vien, thu-vien-sach, tieng-viet, top-game-android, top-game-android-online, top-game-mobile, top-game-mobile-online, truyen-phat, ung-dung, ung-dung-crack, ung-dung-free, ung-dung-mien-phi, ung-dung-mod, ung-dung-online, unlimited-app, ut-nhan-phan, utnhanphan, xoa-dau, xoa-dau-tieng-viet
Mr. Phan Nhan
http://utnhan.wap.sh/
http://utnhan.wap.sh/