내부 그라데이션 배경을 가진 CSS에서 가변 크기의 사각형 생성

Question

PHP에서 0에서 100까지의 값을 갖는 변수가 있습니다. 및 soo). 또한 배경에 약간의 그라디언트를 추가하고 싶습니다, PHP에서 이것을하는 것은 복잡합니다. 그래서 저는 css에서 가능하지만, css 개발자가 아닙니다. 그래서 어떤 몸이라도 이것으로 나를 도울 수 있다면. 이 페이지 (http://www.answerbag.com/)에서 위 페이지의 중간에있는 풀 섹션의 결과에서 사각형을 원하는 방식으로 볼 수 있습니다.

Answer 1

폭을 알고 있기 때문에 매우 간단합니다. 그라디언트의 전체 스펙트럼이 표시되기를 원할 것이므로 의 <img id="score1" src="blue_gradient.png">을 사용하여 그라디언트 이미지의 크기를 조정하려는 경우가 많습니다. 그런 다음 많은 둥근 모서리 방법 중 하나를 사용하여 둥근 모서리를 추가 할 수 있습니다 .