CSS勾配統計縦棒グラフ_体験交流

描画ツールを使用してグラデーションの長さを作成します。見栄えが良くなります (幅: 187px、高さ 15px)
本来のアイデアは、12% の場合、画像は左から 12% の位置まで表示されます。残りの 88 % は表示されませんが、領域を占めていません (1px の画像の下部と何ら変わりません)。
画像の残りの割合を非表示にするために、まず考えてみましょう。明るい部分と暗い部分に 1 つの画像を使用し、それぞれが画像の高さ全体の半分を占めています。私は次のように書きました。

10%から100%の順では効果が見られません。に変更します。は問題ありませんが、ボックスにコンテンツが含まれている必要があります。
昨夜は書きませんでした。今日の午後、グーグルで検索しました。タイプ 4 のグラデーションも見つかりませんでした。しかし、例の 1 つからインスピレーションを得ました。 .
URL: http://apples-to-oranges.com/blog/post/css-for-bar-graphs/?id= 55
in: 複雑な CSS 棒グラフ
これはすぐにわかりました:

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