当ページのリンクには広告が含まれています。記事やアフィリエイトでランキングを紹介する時に良くある★(星)マークの表示。プラグインなどもありますが、星マークをCSSだけで表示するCSSを紹介します。★マークの評価ランキングを表示するCSS★マークの評価ランキングは具体的には以下の様なものです。0から5まで半分の0.5刻みで表示するCSSにしてます。CSSのソースはシンプルなので、6以上の数字を作ったり、0.5刻みを取ったり簡単にできます。星マーク評価CSS&htmlhtmlは以下の形で「rate3-5」の部分を変更します。0~5までで、3.5は書きの通り。class="rate3-5"></span></div>解説CSSの議事要素を使って表示してます。グレーの★を「rate」classで最高値(ここでは5つ)を敷き、その上に「rateXX-XX」classで重ねてます。CSSの構造はパターン化されているので、評価数は欲しい分だけ増減して頂ければと思います。Thanks下記の記事を参考、コードをそのまま、あるいは改造して使用させていただきました。星マークを使ったレートをCSSで表現する※リンクは張られていないものは、リンク先のサイトアドレスが変更もしくは見つからなくなったためです。Unlimitedで無料で読めます!春IT黎明期から業界にいます。WEBに関する事は経験豊富です。]「ヒルナンデス!」で紹介されていたポイ活アンケートについてご紹介!「副業徹底調査」のコーナーでは、ポイ活・ハンドメイド・アフィリエイトの3つのでテーマで芸人のバンビーノ(ダンソン♪で一世を風靡した)藤田さん家族が2週間副業してどのくらい稼げるかに挑戦していました。使用を承諾したものとみなされます。プライバシーポリシーOK。