Làm cách nào để thay đổi nền trong html?
|
Nói chung, trình duyệt web hiển thị một tài liệu HTML có màu đen và trắng. e. văn bản màu đen trên nền trắng. Tuy nhiên, bạn có thể thay đổi hình thức của tài liệu bằng cách thay đổi màu nền và màu chữ. Bạn có thể thay đổi màu nền như hình minh họa Show
Tuy nhiên quý khách có thể chọn các màu khác tùy ý. Màu nội dung và màu văn bản nên được chọn sao cho giao diện của trang web hấp dẫn Có ba phương pháp để thay đổi màu nền của tài liệu
Lưu tệp HTMLTrước khi thực hiện thay đổi màu nền của tài liệu, chúng ta cần tạo một tệp HTML. Sau đây là các bước để làm tương tự Bước 1. Nhấp vào nút bắt đầu và tìm kiếm Notepad Bước 2. Bấm vào “Notepad“. Sau đó, notepad không có tiêu đề được mở trên màn hình Bước 3. Bây giờ bạn có thể bắt đầu mã HTML Sau khi hoàn thành một tài liệu HTML, hãy lưu tệp của bạn. Thực hiện các bước sau để lưu tài liệu HTML Bước 4. Bấm Ctrl+s để lưu tài liệu HTML Bước 5. Lưu tài liệu dưới dạng. html Phương pháp 1. Sử dụng thuộc tính bgcolorHTML cung cấp các kiểu và thuộc tính khác nhau để thay đổi tài liệu theo nhu cầu của người dùng. Sau đây là mã HTML cho thấy việc sử dụng thuộc tính bgcolor HTML
đầu ra. Phương pháp 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 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. Chúng ta có thể dễ dàng thay đổi màu nền từ đoạn mã sau Điều đầu tiên bạn nên biết là có nhiều loại màu HTML khác nhau, chẳng hạn như mã màu Hex, tên màu HTML, giá trị RGB và RGBa, màu HSL, v.v. Để chọn màu ưa thích của bạn, hãy sử dụng Công cụ màu của chúng tôi Trong đoạn mã này, bạn có thể tìm thấy nhiều cách khác nhau để thêm màu nền. Hãy bắt đầu từ cái dễ nhất Thêm thuộc tính style vào phần tửBạn có thể đặt màu nền cho tài liệu HTML bằng cách thêm style="background-color. " đến phần tử Kết quảMột số tiêu đề Đoạn nào đó chẳng hạn Thêm thuộc tính màu nền CSS vào phần tửThuộc tính background-color dùng để thay đổi màu nền. Chèn nó vào phần tử, bạn sẽ có một trang bìa đầy màu sắc Bạn cũng có thể thêm màu nền cho các thành phần cụ thể trong tài liệu của mình. Ví dụ: hãy xem cách thay đổi màu của tiêu đề và đoạn văn Hãy xem một ví dụ khác, nơi chúng ta thêm màu nền với giá trị tên màu vào yếu tố. Chúng tôi chỉ định một giá trị RGB cho, HSL chovà giá trị RGBa cho phần tử Nền chuyển màu cho phép bạn tạo hiệu ứng chuyển tiếp mượt mà giữa hai hoặc nhiều màu được chỉ định Có hai loại hình nền gradient. linear-gradient và radial-gradient Trong nền có độ dốc tuyến tính, bạn có thể đặt điểm bắt đầu cho các màu. Nếu bạn không đề cập đến điểm bắt đầu, nó sẽ tự động đặt "từ trên xuống dưới" theo mặc định Ví dụ đã cho hiển thị một gradient tuyến tính bắt đầu từ bên trái. Nó bắt đầu từ màu xanh lam, chuyển sang màu xanh lá cây. Thay đổi nó theo yêu cầu của bạn Trong nền gradient xuyên tâm, điểm bắt đầu được xác định bởi tâm của nó Bạn cũng có thể điều chỉnh tỷ lệ phần trăm màu của mình như thế này. (màu1 30%, màu2 50%, màu3 20%) Bạn có thể tạo nền sẽ thay đổi màu sắc của nó trong thời gian đã đề cập. Đối với điều đó, hãy thêm thuộc tính hoạt ảnh vào phần tử. Sử dụng quy tắc @keyframes để đặt màu nền mà bạn sẽ lướt qua, cũng như khoảng thời gian mỗi màu sẽ xuất hiện trên trang Mã để thay đổi màu nền trong HTML là gì?Bạn có thể đặt màu nền cho tài liệu HTML bằng cách thêm style="background-color. " đến phần tử .
Làm cách nào để thay đổi 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 . . |
