Cách kiểm soát màu nền bằng cách sử dụng bảng định kiểu xếp chồng

Có Thể 4, 2024

Bạn có thể sử dụng Cascading Style Sheets để kiểm soát màu nền cho toàn bộ trang web và chỉ cho một yếu tố riêng lẻ trên trang web. Chúng ta hãy xem một ví dụ sẽ đặt màu nền cho trang web thành màu trắng và màu nền cho đoạn văn (phần tử riêng lẻ) thành màu đỏ.

Mã CSS cơ bản

Thí dụ

Bộ chọn

thân hình
p

Có hai quy tắc CSS trong ví dụ của chúng tôi. Phần thân trong thẻ HTML là bộ chọn thông báo cho trình duyệt áp dụng kiểu của quy tắc đầu tiên cho nền cho toàn bộ trang web. Các p trong HTML

Thẻ cho trình duyệt áp dụng quy tắc thứ hai cho đoạn (phần tử) trên trang web.

Tính chất

màu nền

Màu nền là thuộc tính đang được điều khiển bởi kiểu. Trong ví dụ của chúng tôi, thuộc tính màu nền đang được đặt cho cả trang web và đoạn văn. Tên thuộc tính, màu nền, được theo sau bởi dấu hai chấm (:).

Giá trị

#ffffff
màu đỏ

Ở bên phải của dấu hai chấm là giá trị cho màu nền. Trong ví dụ của chúng tôi, mã thập lục phân cho màu trắng (#ffffff) được sử dụng trong quy tắc đầu tiên và tên màu cho màu đỏ (đỏ) đang được sử dụng cho quy tắc thứ hai. Bạn cũng có thể sử dụng mã màu RGB hoặc bạn có thể đặt giá trị thành trong suốt, nếu bạn muốn màu nền trong suốt.

màu nền: trong suốt
màu nền: rgb (255,0,0)

Video HướNg DẫN: Vẽ elsa và anna tô màu cho bé - Dạy bẽ vẽ tô màu - Glitter elsa anna drawing and coloring for kids (Có Thể 2024).

Cách kiểm soát màu nền bằng cách sử dụng Cascading Style Sheets, HTML, màu nền, CSS backgroud color, cách đặt màu nền bằng css, cách đặt màu nền với các biểu định kiểu xếp tầng, bắt đầu CSS, bắt đầu xếp tầng theo kiểu, những gì là các biểu định kiểu xếp tầng, CSS là gì, cách sử dụng CSS, các loại CSS, các loại biểu định kiểu xếp tầng, điều khiển

Bài TrướC

TiếP Theo Bài ViếT

Bài ViếT Liên Quan

máy tính

Rainbow Six Vegas 2 - PC

Có Thể 2024

Một định hướng hành động nhiều hơn cho loạt Rainbow Six cổ điển, Rainbow Six Vegas 2 là một trò chơi khá theo đúng nghĩa của nó, nhưng sẽ là một sự thất vọng cho người hâm mộ của loạt phim cổ điển. ...

máy tính

Dragon Ball Z - Sự giận dữ của Bửu

Có Thể 2024

Dragon Dragon Ball Z: Buu xông Fury phạm cho Game Boy Advance là game thứ ba trong sê-ri trò chơi Legacy of Goku. Trò chơi kể về những sự kiện thứ ba cuối cùng của loạt game Dragon Ball Z. Đối với...