Đ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ử
Title of the document
Some heading
Some paragraph for example.
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
Title of the document
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
Title of the document
Some heading with green background.
Some paragraph with blue background.
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 cho
và giá trị RGBa cho phần tử
Title of the document
Example
Some heading with green background.
Some paragraph with blue background.
Some paragraph for
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àu nền đồng nhất. Nó được hiển thị phía sau bất kỳ background-image
nào được chỉ định, mặc dù màu vẫn hiển thị qua bất kỳ độ trong suốt nào của hình ảnh
Điều quan trọng là phải đảm bảo rằng tỷ lệ tương phản giữa màu nền và màu của văn bản được đặt trên đó đủ cao để những người có thị lực kém có thể đọc được nội dung của trang
Tỷ lệ tương phản màu được xác định bằng cách so sánh độ chói của văn bản và giá trị màu nền. Để đáp ứng Nguyên tắc truy cập nội dung web [WCAG] hiện tại, tỷ lệ 4. 5. 1 là bắt buộc đối với nội dung văn bản và 3. 1 cho văn bản lớn hơn như tiêu đề. Văn bản lớn được định nghĩa là 18. 66px và in đậm hoặc lớn hơn hoặc 24px hoặc lớn hơn
- WebAIM. Trình kiểm tra độ tương phản màu
- Hiểu Tiêu chí Thành công 1. 4. 3. W3C Hiểu WCAG 2. 0
Giá trị ban đầu ______ 7 Áp dụng cho tất cả các phần tử. Nó cũng áp dụng cho
background-color =0 và
background-color =1. Thừa kế không có Giá trị tính toánmàu tính toánKiểu hoạt ảnh
________số 8
[code]
function WatermarkImage[$CanvasImage, $WatermarkImage /* MUST BE PHG */, $Opacity=10, $Quality=75]
{
// create true color canvas image:
$canvas_src = imagecreatefromjpeg[$CanvasImage];
$canvas_w = ImageSX[$canvas_src];
$canvas_h = ImageSY[$canvas_src];
$canvas_img = imagecreatetruecolor[$canvas_w, $canvas_h];
imagecopy[$canvas_img, $canvas_src, 0,0,0,0, $canvas_w, $canvas_h];
imagedestroy[$canvas_src]; // no longer needed
Title of the document
0
Title of the document
1
Title of the document
2
Title of the document
3
Title of the document
4
Title of the document
5
Title of the document
6