とっても応用の効くラジオボタンを手軽に画像で表現する方法

HTMLのラジオボタンは、複数の選択肢の中から 特定のものを選ばせる時などに使用します。 利用シーンでは、男性・女性を選択するものであったり、 利用規約の同意・非同意、旅館の予約コースの選択であったりと様々です。 HTMLのラジオボタンの作成はとても簡単で、下記の様に作成する事が出来ます。 上記では、『radio-group』というラジオボタンのグループ内で 特定の選択をさせるというものです。 選択出来るのは必ず一つで、選択状態を変更すると他の選択状態は破棄されます。 formで送信する際は、選択されたラジオボタンの「value」の値のみ送信されます。 ラジオボタンはとても便利で、よく使うHTML要素かと思いますが、 そのまま使用するとブラウザ毎に表示が異なり、 デザインにこだわったサイトでは、他のデザインと協調せず、ういてしまいます。 そこで、今回はラジオボタンを手軽に画像にする方法を解