tableで作った表の縦線をだけを太くしたい

実現したいこと

HTML table要素にて料理の材料の表を作りました。
材料の名前と材料の量を隔てている線を太線にしたいのですが、
外枠だけ太くなったり全ての枠線の大きさが変わってしまします。
style="border-right: none;"を<td>を入れているサイトを見て真似して入れてみたのですが
何も変化が起きませんでした。
中央線だけを太くする場合どういったコードを書けばいいのでしょうか。

発生している問題・エラーメッセージ

エラーなし

該当のソースコード

HTML
ソースコード

<table border="" style="border-collapse: collapse"> <tr> <td colspan="2">4人前</td> </tr> <tr> <td>ルー(市販)</td> <td>1/2個</td> </tr> <tr> <td>ジャガイモ</td> <td>4個</td> </tr> <tr> <td>玉ねぎ</td> <td>2個</td> </tr> <tr> <td>ニンジン</td> <td>2本</td> </tr> <tr> <td>鶏肉</td> <td>250グラム</td> </tr> <tr> <td>サラダ油</td> <td>大1</td> </tr> <tr> <td>水</td> <td>850ml</td> </tr> <tr> <td>チョコレート</td> <td>お好み</td> </tr> </table>

補足情報(FW/ツールのバージョンなど)

cssをあまり使わないように作っているので、HTMLの中に直接cssを埋め込んでいます。
ここにより詳細な情報を記載してください。
今現在の出力結果です↓
イメージ説明

コメントを投稿

0 コメント