何かの表を作るとき、最後の列に合計の数値を表示することがあると思いますが、 その最後の列を強調するために太めのborderで囲んで欲しいという要望を受けた霙(@xxmiz0rexx)です。 表の向きを横にすればtrで簡単に指定できるのでしょうが、そうもいかない場合があるのですw 地道なだけの、ただのCSSの設定ですが、次からコピペしたいので記事にしちゃいます。 html <table> <tr> <th>商品名</th> <th>金額</th> <th>数量</th> <th>Total</th> </tr> <tr><td>石仮面</td><td>500</td><td>2</td><td>1000</td></tr> <tr><td>マンモーニ</td><td>105</td><td>1</td><td>105</td></tr> <tr><td>ニーソ</td><td>30,000<
![CSS3備忘録:疑似クラスを使ってtableの最後の縦列をborderで囲む方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/f2321cf45bff5e6b916ce932ff1b4c6595a5dd21/height=288;version=1;width=512/http%3A%2F%2Fwebimemo.com%2Fwp-content%2Fuploads%2Ftable_border.png)