Cách tạo nền hình ảnh trong HTML và CSS. 3 cách đơn giản

Đặt màu của kế hoạch phía sau ra khỏi bảng màu. Màu sắc của người thừa kế luôn trùng với màu sắc của yếu tố tổ tiên.
Lời chào hỏi. Trong bài viết này, tôi muốn biết về ba cách để đặt một hình ảnh dưới dạng nền của toàn bộ trang chỉ bằng HTML + CSS (không sử dụng JS).

Lời chào hỏi. Trong bài viết này, tôi muốn biết về ba cách để đặt một hình ảnh dưới dạng nền của toàn bộ trang chỉ bằng HTML + CSS (không sử dụng JS).

Vì vậy, các yêu cầu cho hình ảnh nền chúng ta như sau:

  • Chiều rộng 100% và chiều cao trang được bảo hiểm
  • Cân nền nếu cần (nền được kéo dài hoặc nén tùy thuộc vào kích thước của màn hình)
  • Dán tỷ lệ của hình ảnh (tỷ lệ khung hình)
  • Hình ảnh tập trung vào trang
  • Nền không gây ô lấn
  • Giải pháp là cực đại CrossBrawser
  • Không có công nghệ nào khác được sử dụng ngoại trừ CSS

Đặt màu của kế hoạch phía sau ra khỏi bảng màu. Màu sắc của người thừa kế luôn trùng với màu sắc của yếu tố tổ tiên.

Phương pháp 1.

Theo tôi, đây là cách tốt nhất, bởi vì nó là dễ nhất, súc tích và hiện đại. Nó sử dụng tài sản CSS3 Kích thước nền. mà chúng ta áp dụng cho thẻ Html. . Chính xác Html. , nhưng không Thân hình. bởi vì Độ cao của nó lớn hơn hoặc bằng chiều cao của cửa sổ trình duyệt.

Cài đặt một nền cố định và tập trung, sau đó điều chỉnh kích thước của nó bằng cách sử dụng Kích thước nền: Che .

Html { 

Hình nền: URL (hình ảnh / nền.jpg);

Lặp lại nền tảng: Không lặp lại;

Vị trí nền: Trung tâm trung tâm;

Tệp đính kèm nền: Đã sửa lỗi;

-Webkit-size-size: che;

-Moz-size-size: che;

-O-Kích thước-Kích thước: Che;

Kích thước nền: Che; 
Không thể 

Bản giới thiệu

Phương pháp này hoạt động trong

  • Chrome (bất kỳ phiên bản nào)
  • Opera 10+.

Firefox 3.6+.

Safari 3+.

IE 9+.

Để hình ảnh tải nhanh, chỉ đặt trang web của bạn từ các nhà cung cấp lưu trữ đã được chứng minh, ví dụ: begor.com 
Người dùng và công cụ tìm kiếm yêu thích trang web nhanh chóng. 

Hình nền: URL (hình ảnh / nền.jpg);

Phương pháp 2.

Phương pháp này cung cấp cho việc sử dụng phần tử IMG, kích thước sẽ thay đổi tùy thuộc vào kích thước của cửa sổ trình duyệt. Để kéo dài hình ảnh vào toàn màn hình, nó cần phải đặt chiều cao và chiều rộng tối thiểu với giá trị 100%. Và để hình ảnh không được nén với kích thước nhỏ hơn so với bản gốc, cài đặt độ rộng tối thiểu với giá trị có chiều rộng bằng nhau của hình ảnh.

Nếu chiều rộng cửa sổ nhỏ hơn chiều rộng của hình ảnh, truy vấn phương tiện sẽ được sử dụng để căn chỉnh nền ở trung tâm.

thừa kế.

<img src = "/ hình ảnh / nền.jpg" Class = "Nền" />

img.background { Chiều cao tối thiểu: 100%; Chiều rộng tối thiểu: 640px; Chiều rộng: 100%; Chiều cao: Tự động;

Vị trí: Đã sửa; Top: 0; Trái: 0;

/ * Phụ thuộc vào kích thước của hình ảnh * /

@Media màn hình và (chiều rộng tối đa: 640px) { img.bg { и Trái: 50%; lề-trái: -320px; Không thể Không thể Không thể Bản giới thiệu

Thừa hưởng tất cả các đặc điểm của phần tử cha

Phương pháp này hoạt động trong:

Bất kỳ phiên bản nào của các trình duyệt tốt (Chrome, Opera, Firefox, Safari) IE 9+. и Phương pháp 3. . Một cách khác như sau: Khắc phục hình ảnh <IMG /> ở góc trên bên trái của trang và kéo dài nó bằng cách sử dụng các thuộc tính chiều rộng tối thiểu và chiều cao tối thiểu 100%, trong khi duy trì tỷ lệ khung hình. Đúng, với cách tiếp cận này, hình ảnh không phải là trung tâm. Nhưng vấn đề này được giải quyết bằng cách bọc hình ảnh trong <div />, chúng tôi tạo 2 lần kích thước của cửa sổ. Và hình ảnh chúng ta kéo dài và đặt ở trung tâm. <div class = "nền>> <img src = "/ hình ảnh / nền.jpg" />

</ div> Div.background { <div class = "nền>> Vị trí: Đã sửa;

TOP: -50%;

Còn lại: -50%; Không thể Chiều rộng: 200%; Chiều cao: 200%; Không thể

img { Vị trí: Tuyệt đối; Top: 0;

trái: 0; Phải: 0; :

Đáy: 0;

Biên độ: Tự động; Chiều rộng tối thiểu: 50%; Chiều cao tối thiểu: 50%; Không thể .

Phương pháp này hoạt động trong các trình duyệt tốt và IE 8+.

Tôi hy vọng thông tin này sẽ hữu ích cho bạn. Cá nhân, tôi thường sử dụng các phương pháp này, đặc biệt là đầu tiên. Chắc chắn có những cách khác để đặt một hình ảnh trên nền sau với CSS. Nếu bạn biết về họ, hãy chia sẻ, xin vui lòng bình luận. Đặt màu nền và / hoặc hình ảnh cho một trang hoặc một mục riêng biệt là đủ đơn giản. Điều chính là để biết nơi và cách nó có thể được thực hiện, cũng như có mã màu và / hoặc hình nền. Có thể là từ bài viết này, bạn sẽ học được rất nhiều thứ mới, nhưng tôi đã tạo ra nó cụ thể cho người mới bắt đầu. Do đó, mọi thứ sẽ ngắn nhất có thể và một cách chi tiết đồng thời. Điều chính là bạn sẽ không chỉ nhận được sự trình bày tổng thể và các ví dụ đã làm sẵn, mà còn hiểu cách tạo nền trong HTML. Để đặt nền trong HTML, hãy sử dụng DOCTYPE trung gian Và tôi sẽ bắt đầu với thực tế rằng HTML5. Không có khả năng để đặt nền cho trang web. Tính năng này đã được quyết định chịu đựng trong CSS. Do đó, nếu bạn có kế hoạch sử dụng bên dưới và bạn muốn có được hợp lệ » (chính xác) Mã, bạn cần ở lại loại chuyển tiếp của tài liệu. Để làm điều này, trang web của bạn sẽ bắt đầu với dòng sau: <! DocType HTML công khai "- // W3C // DTD HTML 4.01 » Chuyển tiếp. // en "" http://www.w3.org/tr/html4/loose.dtd ">

Thời gian cho các lớp học thực tế

Làm thế nào là nền trên một trang web? (#)Nếu bạn tìm ra nó, hãy hiểu làm thế nào nền được tạo. Và điều đầu tiên ở đây nên được lưu ý - đây là sự khác biệt giữa

Màu nền

Hình nền

. Lúc đầu đi

Màu nền Trái: 50%; tràn ngập tất cả không gian trang có sẵn hoặc phần tử của nó. Lặp đi lặp lại trên đỉnh của nó Hình nền Không thể

. Trực quan, điều này có thể được mô tả như sau: Vị trí: Tuyệt đối; Top: 0;

Bối cảnh của tài liệu HTML và các yếu tố của nó

Sau khi gây thất vọng các yếu tố chính của điều khiển nền, cũng như các thuộc tính của chúng, tiến hành trực tiếp để phân tích một ví dụ cụ thể. Trong mã chương trình được hiển thị bên dưới, tôi đã cố gắng kích hoạt tất cả các phần tử được mô tả.

Điều thứ hai bạn cần biết là sự khác biệt giữa

cơ thể của tài liệu Phải: 0; :

yếu tố của tài liệu

Cơ thể của tài liệu

được chỉ định trong mã HTML của thẻ trang web

Thân hình. trong đó bao gồm tất cả nội dung của trang web. Rõ ràng, nền của tài liệu của tài liệu không thể trong suốt. Nếu nền của cơ thể tài liệu không được chỉ định, giá trị mặc định được chỉ định trong cài đặt trình duyệt được sử dụng. Yếu tố trang đang ở trong thẻ Không thể

. Đáng chú ý là bạn có thể đặt màu và / hoặc hình nền bằng HTML cho tất cả các phần tử của tài liệu. Ví dụ, hình nền chỉ có thể được chỉ định cho các bảng. Theo mặc định, chúng thường có một nền trong suốt. Vị trí: Tuyệt đối; Top: 0;

Thuộc tính BGColor để tạo màu nền

Để hỏi

Tài liệu hoặc các phần tử của nó được sử dụng thuộc tính Chiều cao: 200%; и Hình nền bgcolor. , ví dụ: <Body bgcolor = "# EC008C">

<! - Cơ quan tài liệu ->

</ Body>

Trong trường hợp này, chúng tôi đặt màu nền cho toàn bộ trang. Nhưng một ví dụ về cách đặt màu nền cho bảng, trong thẻ Bàn <Bảng BGColor = "# EC008C"> <tr> <TD> văn bản với nền </ td> </ tr> </ bảng>

Đáng chú ý là màu nền trong bảng cũng có thể được chỉ định cho các hàng trong thẻ

TR. Và cho các ô của họ trong thẻ TD.

Làm thế nào để tìm ra mã màu? Bạn có thể đã nhận thấy rằng màu trong HTML được đặt thành đặc biệt Mã. Html. , ví dụ:

# EC008C.

  • . Để tìm hiểu mã bạn cần màu bạn có thể sử dụng một trong các trình chỉnh sửa đồ họa. Ví dụ: trong Photoshop bạn có thể sử dụng "
  • Công cụ nhỏ mắt.
  • (Pipet)

Để có được một màu từ một điểm trong hình. Sau đó, bạn cần nhấp vào màu kết quả trên thanh công cụ và trong cửa sổ mở ra "

Bộ chọn màu (Lựa chọn màu) Sao chép mã màu. Tôi thu hút sự chú ý của bạn đến thực tế rằng mã này sẽ không có dấu hiệu mạng LATEICE Khi bắt đầu, dấu hiệu này sẽ cần được thêm thủ công.

Bạn cũng có thể sử dụng nhiều dịch vụ trực tuyến, ví dụ: 
Nguyên tắc công việc của họ thậm chí còn dễ dàng hơn - nhấp vào màu mong muốn và nhận mã CNTT. Nền thuộc tính để tạo một hình nền Cũng như trong trường hợp màu nền và trong trường hợp
Bạn cần sử dụng một thuộc tính đặc biệt, cụ thể là 
lý lịch. 
<nền cơ thể = "/ 2014/06 / bg.jpg">

В Html. Trong trường hợp này, chúng tôi yêu cầu hình nền cho toàn bộ trang. Đáng chú ý là do những hạn chế của kích thước của hình ảnh, nó sẽ được lặp lại, ví dụ: Như bạn thấy, khi sự lặp lại, sự chuyển đổi giữa các hình ảnh là đáng chú ý. Do đó, hình ảnh đặc biệt thường được sử dụng, nơi này được tính đến thời điểm này. Nhưng một ví dụ về cách đặt hình nền cho một bảng, trong thẻ

<Bảng nền = "/ 2014/06 / bg.jpg"> <tr> <td> văn bản với nền </ td> </ tr> </ bảng> Html. Đáng chú ý là hình nền chỉ có thể được đặt cho bảng dưới dạng toàn bộ và / hoặc ô riêng biệt của nó. Cho một chuỗi nó sẽ không hoạt động. Nền thuộc tính để tạo một hình nền .

Đường dẫn tuyệt đối và tương đối với hình nền (Lựa chọn màu) Đáng chú ý Địa chỉ hình nền . Trong trường hợp này, đường dẫn tương đối của hình ảnh được sử dụng, tức là. Địa chỉ được chỉ định trên vị trí của tệp hình ảnh vào tệp trang Web. Tùy chọn này không thể được gọi là đặc biệt thành công. Tốt nhất là sử dụng đường dẫn tuyệt đối đến hình ảnh, tức là.

URL đầy đủ của nó <nền cơ thể = "/ hình ảnh / bg.jpg"> .

Trong trường hợp này, bạn sẽ không có vấn đề đồng thời. Để biết thêm về nó bạn có thể đọc ở đây.

Hãy tóm tắt 
Sử dụng các thuộc tính về mặt đạo đức lỗi thời, bởi vì tính hợp lệ của mã HTML, bạn sẽ phải sử dụng chuyển tiếp Doctype.

. Để đặt màu nền trong HTML, sử dụng các mã đặc biệt mà bạn có thể tìm hiểu trong trình soạn thảo đồ họa hoặc sử dụng các dịch vụ trực tuyến đặc biệt. Hình nền được nhân đôi ở đuôi của khu vực được phân bổ và nằm trên đỉnh của màu nền. Để chỉ định một hình nền, tốt hơn là sử dụng URL đầy đủ của nó. Tôi có tất cả mọi thứ về điều này. Cảm ơn bạn đã chú ý. Chúc may mắn!

Liên kết ngắn: http://goo.gl/03tsnz Làm thế nào để tạo một nền tảng cho trang web? Bất kỳ phòng nào cũng sẽ tốt hơn nhiều nếu sàn nhà của cô ấy tăng thảm Ba Tư. Vậy trang web của bạn tồi tệ hơn? Có lẽ đó là thời gian và sàn nhà của anh ấy bộ
  • »Cung điện handmade thanh lịch đắt tiền. Chúng tôi sẽ hiểu thêm về cách tạo nền cho trang web:
  • Nó xảy ra rằng thiết kế cũ của trang web đã đến. Và tôi muốn một cái gì đó mới và ngon. Và thiết kế mới sẽ như vậy nếu bạn nấu nó bằng tay của chính mình.
  • Nhưng để thay đổi hoàn toàn tất cả các thiết kế của tài nguyên - điều là vô ơn. Vâng, và không phải ai cũng có một điều về điều này. "
  • sắc nét

"Tay. Do đó, dễ dàng nhất để làm mới mẫu cũ, thay đổi màu nền của tài nguyên hoặc hình nền của nó.

Có một số cách để thay đổi nền trên trang web. Điều này sử dụng cơ hội. 
Css. hoặc là . Nhưng nhiều tài sản để làm việc với nền có cùng tên và phương pháp của ứng dụng trong các công nghệ Web này.
  • Là một nền tảng, bạn có thể sử dụng nhiều mục: Màu sắc; ;
  • Hình nền;
  • Hình ảnh kết cấu. Chúng tôi sẽ đối phó với việc sử dụng từng trong số chúng chi tiết hơn. Để đặt màu của nền sau cho trang web, thuộc tính được sử dụng.

màu nền.

Thuộc tính phong cách 

Phong cách. . Đó là, để đặt màu cơ bản cho trang web, bạn cần đăng ký nó bên trong thẻ <body>. Ví dụ: <Body Style = "Màu nền: # 55D52B"> <p> Nền của trang web # 55d52b </ p> </ body>

Ngoài mã màu thập lục phân, giá trị được hỗ trợ ở định dạng từ khóa hoặc

RGB. 

. Ví dụ:

<Body Style = "Màu nền: RGB (51,255.153)"> <p> Nền của trang web RGB (23,113,44) </ p> </ body> <Body Style = "Màu nền: Green"> <p> Nền của trang web màu xanh lá cây </ p> </ body> Đặt màu nền bằng từ khóa có một số hạn chế so với hai cách còn lại.

Tổng cộng 16 từ khóa được hỗ trợ để cài đặt màu. Dưới đây là một số trong số họ:

Trắng, đỏ, xanh, đen, vàng khác. Do đó, để đặt nền cho trang web

tốt hơn là sử dụng định dạng thập lục phân hoặc 

Ngoài việc chọn màu, các cài đặt khác có sẵn. Nếu tài sản Đặt giá trị Trong suốt

Bối cảnh của trang sẽ trở nên minh bạch. Giá trị này được gán cho thuộc tính này theo mặc định. Bây giờ hãy xem xét khả năng của một ngôn ngữ siêu văn bản để cài đặt mẫu nền cho trang web. Có thể làm cho nó sử dụng tài sản. hình nền.

Thí dụ: 

<Body Style = "Hình nền: URL (IMG_1809.jpg)"> </ body>

Như có thể thấy từ mã, ràng buộc hình ảnh xảy ra thông qua đường dẫn

URL.

Đăng trong ngoặc. Nhưng không phải tất cả các hình ảnh hóa ra rất lớn để lấp đầy toàn bộ khu vực của màn hình với kích thước của chúng. Hãy xem cách hình nhỏ hơn sẽ được hiển thị.

Giả sử rằng chúng ta đang phát triển một trang web về thơ, và như một chất nền bạn cần để sử dụng hình ảnh của Pegasus. Con ngựa có cánh sẽ nhân cách hóa sự tự do của suy nghĩ sáng tạo của nhà thơ!

Chúng ta cần rằng hình ảnh được hiển thị ở giữa màn hình một lần. Nhưng, thật không may, trình duyệt không hiểu những ham muốn siêu phàm của chúng ta. Và hiển thị một hình ảnh nhỏ hơn cho nền của trang web bao nhiêu lần so với khu vực màn hình có thể chứa:

Có lẽ bốn con ngựa mỉm cười với đôi cánh của các nhà thơ sẽ có quá nhiều cho cảm hứng. Do đó, cấm nhân bản pegasus của chúng tôi. Làm điều đó bằng tài sản

Bối cảnh Lặp lại. . Những giá trị khả thi: Lặp lại-X - Lặp lại hình ảnh nền theo chiều ngang;

Vì vậy, chúng tôi tạo điều kiện thuận lợi cho nhiệm vụ đặt nền sau từ hai hình ảnh: hoạt hình và hình ảnh thông thường. Trong trường hợp này, hoạt hình GIF sẽ được sửa và bản vẽ được cuộn cùng với nội dung của trang.

Lặp lại-y - theo chiều dọc;

Lặp lại - trên cả hai trục;

Không lặp lại - sự lặp lại bị cấm.

Trong số các tùy chọn được liệt kê, chúng tôi quan tâm đến lần cuối. Trước khi thay đổi nền của trang web, chúng tôi sử dụng nó trong mã của bạn:

<Body Style = "Hình nền: URL (3.jpg); Lặp lại nền: Không lặp lại"> </ Body>

Nhưng, tất nhiên, nó tốt hơn nếu Letow của chúng tôi nằm ở giữa màn hình. Bất động sản

Vị trí nền Chỉ cần nhằm định vị mẫu nền trên trang. Đặt tọa độ vị trí theo nhiều cách:
. Đó là, để đặt màu cơ bản cho trang web, bạn cần đăng ký nó bên trong thẻ <body>. Ví dụ: Từ khóa (
<nền cơ thể = "/ hình ảnh / bg.jpg"> Đầu, dưới cùng, trung tâm, trái, phải)
hoặc là Tỷ lệ phần trăm - Đếm ngược bắt đầu từ góc trên bên trái;
Bất kỳ phòng nào cũng sẽ tốt hơn nhiều nếu sàn nhà của cô ấy tăng thảm Ba Tư. Vậy trang web của bạn tồi tệ hơn? Có lẽ đó là thời gian và sàn nhà của anh ấy Theo đơn vị đo lường (
(Lựa chọn màu) Điểm ảnh
). Chúng tôi sử dụng tùy chọn dễ nhất để định tâm:

<Body Style = "Hình nền: URL (3.jpg); Lặp lại nền: Không lặp lại; Vị trí nền: Trung tâm hàng đầu"> </ Body>

Nó xảy ra rằng bạn cần sửa vị trí của bản vẽ khi cuộn. Do đó, trước khi tạo một hình ảnh của trang web, sử dụng một tài sản đặc biệt.

Đính kèm nền.

. Các giá trị hợp lệ: <ul> <li> cuộn; </ li> <li> Đã sửa lỗi. </ Li> </ ul>

Chúng ta cần ý nghĩa cuối cùng. Bây giờ mã ví dụ của chúng tôi sẽ trông như thế này: [/ html] 
<Body Style = "Hình nền: URL (3.jpg); Lặp lại nền: Không lặp lại; Vị trí nền: Trung tâm trên cùng; Đính kèm nền: Đã sửa lỗi"> </ Body> 

Trong ví dụ đầu tiên, cho nền, chúng tôi đã sử dụng một cảnh quan sa mạc lớn và đẹp. Nhưng đối với vẻ đẹp như vậy, bạn phải trả đầy đủ. Trọng lượng của hình ảnh được thực hiện với chất lượng cao có thể đạt được một số megabyte.

Âm lượng này không ảnh hưởng đến tốc độ tải xuống của trang trình duyệt với kết nối tốc độ cao với Internet. Nhưng những gì về Internet di động, khi sử dụng mà tải xuống một số "

mét

"Sẽ mất rất nhiều thời gian?

"Sẽ mất rất nhiều thời gian? Tất cả những vấn đề này được giải quyết bằng cách sử dụng một nền kết cấu. Nó sử dụng một hình ảnh nhỏ như một mô hình của kết cấu. Ngay cả trong tình trạng lặp lại nhiều lần lặp lại, mẫu chỉ được tải một lần.

Để tạo một nền tối cho trang web đi đến Thân hình. Photoshop. Thân hình. , Tạo một hình ảnh dưới dạng dải dài 1200 pixel và chiều rộng 15 pixel. Sau đó, chúng tôi sử dụng một gradient đen và trắng đơn giản và kết nối kết cấu kết quả với trang trang web:

<Body Style = "Hình nền: URL (1.png); Màu sắc: RGB (0,51,204)"> </ Body>

Đối với sự rõ ràng, chúng tôi đã thêm văn bản và đặt màu đó bằng tài sản. Thân hình. Màu sắc Thân hình. . Đó là những gì đã xảy ra:

  • Chiều cao: 200%; Tất cả các thuộc tính được mô tả ở trên cũng được áp dụng cho các tấm phong cách xếp tầng. Tạo một nền tảng của trang web
  • Hình nền Css.
  • Bằng cách viết lại mã của một trong những ví dụ trước đây của chúng tôi: <Head> <title> Tài liệu Chưa có tiêu đề </ Tiêu đề> <Kiểu Kiểu = "Text / CSS"> Cơ thể {Hình nền: URL (3.jpg); Lặp lại nền: Không lặp lại; Vị trí nền: Trung tâm hàng đầu; Tệp đính kèm nền: Đã sửa;} </ style> </ head> <body> </ body>
  • Kết quả sẽ tương tự nhau. Chà, chúng tôi đã xem xét tất cả các tùy chọn, cách thay đổi nền trên trang web. Bây giờ nó vẫn chỉ để tạo ra một bản vẽ của thảm trong tương lai và trải nó trên các trang tài nguyên của bạn. Nhưng đây là bàn tay của bạn.
  • Chúc mọi người đi học và học một cái gì đó mới! Bạn đã bao giờ chú ý đến sự xuất hiện của các trang web khi phát triển những người sáng tạo đã lười biếng để sắp xếp nền tảng của các trang? Và tôi quay lại. Có vẻ tàn sát. Thông thường, do thiếu các sự phân tách thông thường giữa các loại thông tin khác nhau, nó được trộn lẫn và chỉ đơn giản biến mất mong muốn xem xét thêm về một tài nguyên web như vậy. Vì vậy, những rắc rối như vậy đã xảy ra với dự án của bạn, tôi quyết định viết một bài viết về chủ đề: "Cách tạo nền của các trang trong HTML." Sau khi đọc ấn phẩm, bạn sẽ học, với những công cụ nào bạn có thể đặt thiết kế nền, cách tạo nền cố định hoặc thay đổi và nhiều hơn nữa, sẽ giúp làm cho trang web của bạn hấp dẫn. Bây giờ hãy bắt đầu!
  • Các công cụ cơ bản để thiết lập các trang web nền Để đặt hình nền, các nhà phát triển ngôn ngữ web đã cung cấp một nền tảng thuộc tính. Nó có sẵn trong cả HTML và CSS.
  • Trong ngôn ngữ đánh dấu, đây là một thuộc tính của thẻ cơ thể và trong các bảng kiểu - một thuộc tính phổ quát cho phép bạn thiết lập tối đa 5 đặc điểm của gói phía sau cùng một lúc. Bối cảnh là một yếu tố khá linh hoạt có thể được sử dụng để tác làm nền dưới dạng màu, hình ảnh màu hoặc thậm chí hoạt hình. Vì vậy, để cài đặt hình nền thông qua đơn vị HTML <body> Nó là đủ để viết mã như vậy:
  • <Nền cơ thể = "Địa chỉ tệp"> ... </ Body> Và thay vì các từ "địa chỉ tệp" chèn đường dẫn vào hình ảnh.
  • Tuy nhiên, thông báo! Nếu ở dạng nền bạn muốn thấy một khung vẽ đơn sắc được chỉ định từ bảng màu, thì điều này được thực hiện bằng Thuộc tính BGColor. Ví dụ: <body bgcolor = "# 000000"> ... </ body>, chúng tôi đã yêu cầu một nền đen cho trang web của chúng tôi.
  • Màu sắc trong CSS và HTML được đặt bằng một từ tiếng Anh (ví dụ: màu đỏ) hoặc mã đặc biệt bao gồm một dấu hiệu # và sáu ký tự sau đó (ví dụ: # ffdab9). Khi nhập tùy chọn thứ hai trong các sản phẩm phần mềm chuyên dụng cho các nhà phát triển, bảng màu sẽ tự động xuất hiện trước mặt bạn. Nếu bạn mới bắt đầu học các ngôn ngữ web này, thì mã màu có thể được phân trang trên Internet.

Nền tảng dưới dạng tài sản trong các bảng phong cách xếp tầng Chiều cao: 200%; :

Nó được đặt hoặc trong một tệp riêng biệt với các kiểu CSS hoặc trong phần tử <Style>. Với khách sạn này, bạn có thể cài đặt các mẫu nền hoặc màu sắc, chỉ định vị trí bắt đầu trên trang, đặt hình ảnh định kỳ và cố định. Để rõ ràng hơn, tôi đã tạo định nghĩa trong bảng. 

Thông số Mục đích

Được sử dụng để cài đặt một hình ảnh cố định hoặc cuộn cùng với nội dung của trang web. Xảy ra cố định, cuộn và kế thừa

Đặt hình nền. Nó có thể được chỉ định đồng thời với màu sắc. Sau đó, sau đó sẽ được hiển thị cho đến khi hình ảnh được tải hoàn toàn.

Đặt vị trí ban đầu của đối tượng cho tham số trước đó. Theo chiều ngang chỉ ra quyền, trái và trung tâm, và dọc, trên cùng, trên cùng và trung tâm. Ngoài ra, bạn có thể kế thừa vị trí (kế thừa), đặt phần trăm, pixel và các kích thước khác 

Áp dụng khi sử dụng thuộc tính hình ảnh nền. Quy định cách hình ảnh sẽ được lặp lại. Bạn có thể chỉ định 2 giá trị: cho ngang và dọc. Có những đặc điểm: không lặp lại, lặp lại, lặp lại-x, lặp lại-y, kế thừa, không gian

Добавить комментарий