end0tknr's kipple - 新web写経開発

http://d.hatena.ne.jp/end0tknr/ から移転しました

hmlt + css で簡単な棒グラフ

「hmlt + css で簡単な棒グラフを書きたい」という時、私は次のように css のborderで次のように行っています。

<html>
<head>
<style>
.graph {
  border-left: 1px solid #ff3300;
  padding-left: 4px;
}
</style>
</head>
<body>
<span class="graph" style="border-width:100px;">100</span><br>
<span class="graph" style="border-width:150px;">150</span>
</body>
<html>