아래 이미지와 똑같은 모양을 그리려고 합니다
이것은 내 html 및 css 코드입니다. 모양은 이것과 다소 비슷하지만 단일 색상에서는 다중 색상으로 어떻게 해야 할지 모르겠습니다. 누구든지 이 작업을 수행하는 방법을 설명해 줄 수 있습니까? 미리 감사드립니다.
으아악 으아악
그냥 사용하세요 background：线性渐变
background：线性渐变
여기에서 Linear-Gradient
단일 요소만 사용하면 몇 가지 CSS 트릭을 사용하여 이를 달성할 수 있습니다.
매직 넘버는 없으며 다양한 요소 크기에도 적용됩니다.
또한 모든 테두리 반경 선언을 한 줄로 건너뛸 수 있습니다.
边框半径：0 0 50% 0;
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
그냥 사용하세요
background：线性渐变여기에서 Linear-Gradient
에 대한 문서를 볼 수 있습니다.단일 요소만 사용하면 몇 가지 CSS 트릭을 사용하여 이를 달성할 수 있습니다.
매직 넘버는 없으며 다양한 요소 크기에도 적용됩니다.
또한 모든 테두리 반경 선언을 한 줄로 건너뛸 수 있습니다.
边框半径：0 0 50% 0;