Video: Bài 9 thêm background cho trang web html, | học lập trình web cơ bản html css js 2024, Tháng mười hai
2024 Tác giả: Timothy Dodson | [email protected]. Sửa đổi lần cuối: 2023-12-16 06:57
Ngôn ngữ đánh dấu siêu văn bản phổ biến nhất hiện nay là HTML. Ngoài một loạt các công cụ để xác định cấu trúc của tài liệu, nó có khả năng thay đổi cách trình bày trực quan của chúng. Ví dụ, bạn có thể đặt nền của một tài liệu siêu văn bản và các phần tử của nó theo những cách khác nhau.
Cách đặt nền trong html
Nó là cần thiết
khả năng chỉnh sửa tài liệu HTML
Hướng dẫn
Bước 1
Để đặt màu nền của toàn bộ tài liệu, bảng, cũng như các hàng, ô tiêu đề và ô nội dung của chúng trong HTML, hãy sử dụng thuộc tính bgcolor của các phần tử BODY, TABLE, TR, TH, TD tương ứng. Thuộc tính này chấp nhận một giá trị mã hóa màu của không gian SRGB, được biểu thị dưới dạng số thập lục phân đứng trước dấu thăng hoặc ký hiệu tượng trưng. Ví dụ:
Bước 2
Sử dụng thuộc tính nền của phần tử BODY để xác định hình ảnh sẽ là nền của toàn bộ tài liệu: Theo nguyên tắc phân tách cấu trúc và cơ chế xác định cách trình bày trực quan của tài liệu siêu văn bản, nên sử dụng các biểu định kiểu thay thế thuộc tính của các phần tử HTML (như được mô tả trong bước 1 và 2) …
Bước 3
Đặt màu nền của bất kỳ phần tử nào bằng thuộc tính CSS background-color. Sử dụng thuộc tính style để xác định thông tin kiểu nội tuyến cho một phần tử hoặc thêm bộ quy tắc với các bộ chọn thích hợp vào các biểu định kiểu: green background BODY {background-color: # 00FF00; }
Bước 4
Xác định hình nền của bất kỳ phần tử hoặc nhóm phần tử nào bằng cách sử dụng thuộc tính hình nền CSS. Giá trị của nó phải là một URI xác định tài nguyên liên quan. Ví dụ: BODY background-image {background-image: url ("myimage.gif")}
Bước 5
Đặt các quy tắc bổ sung để hiển thị hình nền của các phần tử tài liệu. Sử dụng các thuộc tính CSS nền-lặp lại, tệp đính kèm nền và vị trí nền. Tùy chọn đầu tiên xác định các tùy chọn xếp gạch, tùy chọn thứ hai xác định docking liên quan đến tài liệu hoặc khung nhìn và thứ ba xác định độ lệch hoặc căn chỉnh ban đầu liên quan đến ranh giới của vùng chứa. Kiểm tra đặc tả CSS2 tại w3c.org để biết các giá trị có thể có cho các thuộc tính này.
Khi có nhu cầu làm cho nền của một bức ảnh trở nên trong suốt, mọi người thường chuyển sang Photoshop. Và không phải là vô ích, bởi vì trong hơn 25 năm phát triển của mình, chương trình đã thu thập và cải tiến một số lượng ấn tượng các công cụ và kỹ thuật để thực hiện nhiệm vụ này
Nhiều người dùng quan tâm muốn biết làm thế nào để làm cho nền trắng trong Photoshop. Điều này có thể hữu ích khi bạn có một bức ảnh đẹp về hình ảnh của mình, nhưng có một nền không mong muốn trên đó. Tất nhiên, bạn không chỉ có thể sử dụng màu trắng mà còn có thể sử dụng bất kỳ màu nào khác mà bạn thích nhất
Tạo hình ảnh đồ họa bằng Corel Draw rất tiện lợi và thú vị. Nhưng việc lưu tệp ở định dạng raster gặp phải một số khó khăn: hình ảnh thu được trên nền trắng. Với sự trợ giúp của một số thao tác nhất định, bạn có thể làm cho nền trong suốt. Nó là cần thiết Chương trình Corel Draw, một tệp tùy ý có hình
Chắc hẳn những ai tạo bìa (cho sách trong InDesign) đều có thắc mắc khi thiết kế bìa: Làm sao để chèn khung, trang trí, nắp thả sao cho không nhìn thấy phông nền mà chỉ thấy một họa tiết? Nó thực sự không khó và tôi muốn hướng dẫn bạn cách tạo đường viền với cài đặt độ trong suốt bằng cách sử dụng chương trình Gimp (phần mềm tương tự của Photoshop - phần mềm miễn phí) sử dụng một mẫu đơn giản làm ví dụ
Thông thường, khi tạo ảnh ghép trong Photoshop, hình ảnh thu được cần phải có một nền nhất định. Đây là một hoạt động khá thường xuyên. Nhưng nó cũng yêu cầu tuân thủ một chuỗi hành động nhất định. Cần thiết - Adobe Photoshop
