Web上でのタブを表示・切替えるやり方

CSSで、タブを表現している場合があるけど、これのやり方を知りました。
★作り方
　・タブとなる画像を作成
　　画像には、ノーマル状態とホバー状態の二つを事前に入れておく。
　・CSS　タブを表示するdivタグのbackgroud:urlとして画像を配置。
　・ホバーしたらbackgroud-positionを変更する

これだと、backgroundだけが状態によって変更されるのでいちいち画像を
読み込まなくてもよくなる。