CSS 그래디언트 통계 컬럼 차트_체험교류

그리기 도구를 사용하여 그라디언트 길이를 만드세요. (너비: 187px, 높이 15px)
원래 아이디어는 12%일 때 이미지가 왼쪽에서 12% 위치로 표시된다는 것입니다. 그리고 나머지 88%는 표시가 안되는데 면적을 차지하지 않는군요(1px 이미지 하단과 별 차이가 없어 보입니다). .
이미지의 남은 비율을 숨기기 위해 먼저 밝은 부분과 어두운 부분에 대해 하나의 이미지를 사용했다고 생각하세요. 각각은 이미지 전체 높이의 절반을 차지합니다.

10%에서 100%로 연속적으로, 효과가 표시되지 않으면 다음으로 변경하세요. 괜찮습니다만, 상자에 내용이 있을 겁니다.
어제 밤에 쓴 건 아니지만, 오늘 오후에 검색해 보니 4형 그라데이션이 하나도 없었어요.
URL: http://apples-to-oranges.com/blog/post /css-for-bar-graphs/?id=55
다음 예제 중 하나에서 영감을 얻었습니다. 그래프
즉시 이것을 얻었습니다:

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title></title>