Làm cách nào để bạn tô màu nền trong html?
|
Nếu chúng tôi muốn thay đổi màu nền của trang web bằng thuộc tính bgcolor, chúng tôi phải làm theo các bước được đưa ra dưới đây. Sử dụng các bước này, chúng ta có thể dễ dàng thay đổi màu nền Show
Bước 1. Đầu tiên, chúng ta phải nhập mã Html vào bất kỳ trình soạn thảo văn bản nào hoặc mở tệp Html hiện có trong trình soạn thảo văn bản mà chúng ta muốn sử dụng thuộc tính bgcolor để thay đổi màu nền của trang Html đó Bước 2. Bây giờ, hãy di chuyển con trỏ trong thẻ bắt đầu trong tài liệu Html của chúng tôi. Và, sau đó nhập thuộc tính bgcolor như được hiển thị trong khối sau Bước 3. Bây giờ, chúng ta phải cung cấp màu mà chúng ta muốn sử dụng trên nền của trang web. Vì vậy, hãy nhập tên của màu trong thuộc tính bgcolor như được mô tả trong khối sau Kiểm tra nó ngay bây giờBước 4. Và cuối cùng, chúng ta phải lưu mã Html trong trình soạn thảo văn bản và chạy mã. Sau khi thực hiện, chúng ta sẽ thấy nền của trang web có cùng màu được chỉ định trong tài liệu. Ảnh chụp màn hình sau đây hiển thị đầu ra của mã Html ở trên 2. Sử dụng thuộc tính Kiểu nội tuyếnNếu chúng tôi muốn thay đổi màu nền của trang web bằng thuộc tính kiểu nội tuyến, chúng tôi phải làm theo các bước được đưa ra bên dưới. Sử dụng các bước này, chúng ta có thể dễ dàng thay đổi màu nền Bước 1. Đầu tiên, chúng tôi phải nhập mã Html trong bất kỳ trình soạn thảo văn bản nào hoặc mở tệp Html hiện có trong trình soạn thảo văn bản mà chúng tôi muốn sử dụng thuộc tính Kiểu nội tuyến để thay đổi màu nền của trang Html đó Bước 2. Bây giờ, hãy di chuyển con trỏ trong thẻ bắt đầu trong tài liệu Html của chúng tôi. Và, sau đó nhập thuộc tính kiểu như được hiển thị trong khối sau Bước 3. Bây giờ, chúng ta phải cung cấp màu mà chúng ta muốn sử dụng trên nền của trang web. Vì vậy, hãy nhập tên của màu trong thuộc tính màu nền của thuộc tính kiểu như được mô tả trong khối sau Kiểm tra nó ngay bây giờBước 4. Và cuối cùng, chúng ta phải lưu mã Html trong trình soạn thảo văn bản và chạy mã. Sau khi thực hiện, chúng ta sẽ thấy nền của trang web có cùng màu được chỉ định trong tài liệu. Ảnh chụp màn hình sau đây cung cấp đầu ra của mã Html ở trên 3. Sử dụng CSS nội bộNếu chúng tôi muốn thay đổi màu nền của trang web bằng biểu định kiểu xếp tầng bên trong, chúng tôi phải làm theo các bước được đưa ra bên dưới. Sử dụng các bước này, chúng ta có thể dễ dàng thay đổi màu nền Bước 1. Đầu tiên, chúng tôi phải nhập mã Html trong bất kỳ trình soạn thảo văn bản nào hoặc mở tệp Html hiện có trong trình soạn thảo văn bản mà chúng tôi muốn sử dụng CSS bên trong để thay đổi màu nền của trang Html đó Bước 2. Bây giờ, chúng ta phải đặt con trỏ vào thẻ đầu của tài liệu Html và sau đó xác định các kiểu bên trong Các trang web ngày nay táo bạo và sáng sủa hơn bao giờ hết, và với hướng dẫn nhanh này, bạn cũng có thể tìm hiểu cách làm sáng trang web của mình bằng một số phép thuật màu nền HTML, sử dụng mã màu Hex, tên màu HTML, giá trị RGB và HSL Màu nền sử dụng mã màu HexColoring a webpage background is actually pretty simple. The first and most popular way is by using a Hex color code with the background-color property. Here we apply a Hex color directly on the HTML element using the style attribute.
Bản demo trên CodePenPhương pháp tương tự này có thể được sử dụng để tạo kiểu cho bất kỳ phần tử HTML nào, nhưng hãy nhớ rằng hành vi của chúng có thể khác nhau tùy thuộc vào việc chúng là phần tử cấp độ khối hay nội tuyến. Sử dụng công cụ chọn màu hoặc biểu đồ màu của chúng tôi để tìm mã màu Hex Màu nền sử dụng tên màu HTMLMã màu HEX có thể là phổ biến nhất, nhưng chúng chỉ là một trong nhiều phương pháp có sẵn để tô màu cho phần tử HTML. Cách thứ hai là sử dụng tên màu HTML;
Bản demo trên CodePenDưới đây là danh sách hữu ích của tất cả 140 tên màu HTML với các giá trị HEX và RGB tương ứng của chúng để tham khảo Màu nền sử dụng các giá trị màu RGBCác giá trị RGB cũng có thể được sử dụng để thêm màu nền cho các phần tử HTML. Sử dụng cùng một thuộc tính kiểu như trước đây, thay thế mã HEX hoặc tên màu bằng một giá trị RGB được định dạng đúng (hãy đảm bảo đặt nó trong dấu ngoặc đơn và đặt tiền tố bằng chữ thường 'rgb')
Bản demo trên CodePenKhi sử dụng các giá trị RGB trong HTML, bạn có thêm tùy chọn chỉ định mức độ mờ. Với tiền tố rgba() – 'a' là viết tắt của alpha, kênh kiểm soát độ trong suốt – bạn có thể chèn giá trị thứ tư trong khoảng từ 0 đến 1, 0 cho hoàn toàn trong suốt và 1 cho hoàn toàn mờ đục (sử dụng giá trị thập phân cho các mức ở giữa)
Bản demo trên CodePenMàu nền sử dụng các giá trị màu HSLÍt phổ biến hơn nhưng không kém phần mạnh mẽ, các giá trị HSL hiện được nhiều trình duyệt hiện đại hỗ trợ. Nếu bạn không quen với HSL (viết tắt của Hue, Saturation và Lightness), hãy truy cập Wikipedia để biết lý do tại sao chúng lại tuyệt vời như vậy. Nếu bạn chỉ muốn sử dụng chúng cho màu nền HTML, hãy làm theo cú pháp tương tự như các giá trị RGB ở trên, nhưng thay vào đó sử dụng tiền tố hsl()
Bản demo trên CodePenGiống như những người anh em RGB của họ, HSL cũng có thể được chuyển qua kênh alpha để kiểm soát độ mờ. Sử dụng tiền tố hsla() và chèn giá trị thứ tư trong khoảng từ 0 đến 1 Mã HTML cho màu nền là gì?Thuộc tính được sử dụng để đặt màu nền cho phần tử HTML là bg color .
Làm cách nào để thêm màu nền trong HTML mà không cần CSS?Trong HTML, chúng ta có thể thay đổi màu nền của trang web bằng các cách khác nhau sau đây. Sử dụng thuộc tính bgcolor. . <. Loại tài liệu Html> <Đầu> Thay đổi màu nền bằng thuộc tính Kiểu nội tuyến . . Làm cách nào để chèn nền trong HTML?Cách phổ biến và đơn giản nhất để thêm hình nền là sử dụng thuộc tính hình nền bên trong thẻ . Thuộc tính nền mà chúng tôi đã chỉ định trong thẻ
Làm cách nào để thay đổi màu nền của nền của tôi?Chọn Bắt đầu > Cài đặt > Cá nhân hóa > Màu, sau đó chọn màu của riêng bạn hoặc để Windows lấy màu nhấn từ nền của bạn . |
