cuốn sách gpt4 ai đã làm

css - chia div thành 3 phần

In lại Tác giả: Vũ trụ không gian Thời gian cập nhật: 2023-11-03 22:48:02 34 4
mua khóa gpt4 Nike

Tôi phải làm một tấm khiên cho đội bóng bằng css, ý tưởng của tôi là tạo một vòng tròn với màu sắc của đội, tôi đã tạo các vòng tròn cho tấm khiên với 1 hoặc 2 màu nhưng tôi gặp khó khăn khi sử dụng 3 màu cho tấm khiên.

Mình dùng cho 2 màu khiên

.equipo{
bán kính đường viền: 50%;
căn dọc: giữa;
đường viền: 1px liền khối #333333;
kích thước hộp: hộp viền;
chiều rộng: 25px;
chiều cao: 25px;
hình nền: gradient tuyến tính (sang phải, #01135B 50%, #FFFFFF 50%);
hình nền: -o-tuyến tính-gradient(trái, #01135B 50%, #FFFFFF 50%);
hình nền: -moz-tuyến tính-gradient(trái, #01135B 50%, #FFFFFF 50%);
hình nền: -webkit-tuyến tính-gradient (trái, #01135B 50%, #FFFFFF 50%);
hình nền: -ms-tuyến tính-gradient(trái, #01135B 50%, #FFFFFF 50%);
hiển thị: khối nội tuyến;
}

Nhưng tôi muốn nó có 3 màu, tôi đã thử cái này nhưng không được

.equipo{
bán kính đường viền: 50%;
căn dọc: giữa;
đường viền: 1px liền khối #333333;
kích thước hộp: hộp viền;
chiều rộng: 25px;
chiều cao: 25px;
hình nền: gradient tuyến tính (sang phải, #01135B 20%, #FFFFFF 50%, #DF0408 30%);
hình nền: -o-tuyến tính-gradient(trái, #01135B 20%, #FFFFFF 50%, #DF0408 30%);
hình nền: -moz-tuyến tính-gradient(trái, #01135B 20%, #FFFFFF 50%, #DF0408 30%);
hình nền: -webkit-tuyến tính-gradient (trái, #01135B 20%, #FFFFFF 50%, #DF0408 30%);
hình nền: -ms-tuyến tính-gradient(trái, #01135B 20%, #FFFFFF 50%, #DF0408 30%);
hiển thị: khối nội tuyến;
}

Tôi phải làm gì, tôi muốn 3 màu trở lên?

câu trả lời hay nhất

Bản chất của độ dốc CSS là hoạt động giống như độ dốc. Bí quyết để có các màu riêng biệt không hòa trộn là làm cho vùng hòa trộn không có chiều rộng. Điều này được thực hiện bằng cách đặt cả hai màu tại cùng một điểm trên gradient, như hiển thị bên dưới.

.equipo {
bán kính đường viền: 50%;
căn dọc: giữa;
đường viền: 1px liền khối #333333;
kích thước hộp: hộp viền;
chiều rộng: 25px;
chiều cao: 25px;
ảnh nền: gradient tuyến tính(trái, #01135B 33%, #FFFFFF 33%, #FFFFFF 67%, #DF0408 67%);
hình nền: -o-tuyến tính-gradient(trái, #01135B 33%, #FFFFFF 33%, #FFFFFF 67%, #DF0408 67%);
hình nền: -moz-tuyến tính-gradient(trái, #01135B 33%, #FFFFFF 33%, #FFFFFF 67%, #DF0408 67%);
hình nền: -webkit-tuyến tính-gradient (trái, #01135B 33%, #FFFFFF 33%, #FFFFFF 67%, #DF0408 67%);
hình nền: -ms-tuyến tính-gradient(trái, #01135B 33%, #FFFFFF 33%, #FFFFFF 67%, #DF0408 67%);
hiển thị: khối nội tuyến;
}

Về css - chia div thành 3 phần, chúng tôi tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/41354852/

34 4 0
Xem sitemap của VNExpress