描画ツールを使用してグラデーションの長さを作成します。見栄えが良くなります (幅: 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 棒グラフ
これはすぐにわかりました:
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
