レスポンシブデザインでページを作っていると、表組みの <table> タグがスマホの小さい画面だと、ちょっと見にくかったりします。じゃあ <table> やめるかーと思っても意味合い的に表だから <table> 使いたいよというわけでCSSでどうにかしてみました。 PCだと、こういう見た目です。HTMLとCSSはこちら。まぁ、なんてことないただの表です。 <table> <thead> <tr> <th>商品名</th> <th>価格</th> <th>個数</th> <th>小計</th> </tr> </thead> <tbody> <tr> <td>ねこねこニャンニャン丸 限定プレミアムわんこエディション</td> <td>980円</td> <td>2個</td> <td>1,960円</td> </tr> <tr> <td>あたまおっぱいおへそ飛んでチーングッズ</td> <td