実現したいこと

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

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

エラーなし

該当のソースコード

HTML
ソースコード

 <table border="" style="border-collapse: collapse">

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

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

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

行動規範の内容に同意します

回答1件

ベストアンサー

真ん中の線だけ太く＝2列めのtdの左側の線だけ太く

CSS
1table{
2  border-collapse: collapse;
3}
4td{
5border:solid 1px black;
6}
7td:nth-child(2){
8border-left:solid 3px black;
9}

埋め込み

HTML
1<table style="border-collapse: collapse;">
2<tr>
3<td colspan="2" style="border:solid 1px;">４人前</td>
4</tr>
5<tr>
6<td style="border:solid 1px;">ルー（市販）</td>
7<td style="border:solid 1px;border-left-width:3px;">1/2個</td>
8</tr>
9<tr>
10<td style="border:solid 1px;">ジャガイモ</td>
11<td style="border:solid 1px;border-left-width:3px;">4個</td>
12</tr>
13<tr>
14<td style="border:solid 1px;">玉ねぎ</td>
15<td style="border:solid 1px;border-left-width:3px;">２個</td>
16</tr>
17<tr>
18<td style="border:solid 1px;">ニンジン</td>
19<td style="border:solid 1px;border-left-width:3px;">２本</td>
20</tr>
21<tr>
22<td style="border:solid 1px;">鶏肉</td>
23<td style="border:solid 1px;border-left-width:3px;">250グラム</td>
24</tr>
25<tr>
26<td style="border:solid 1px;">サラダ油</td>
27<td style="border:solid 1px;border-left-width:3px;">大１</td>
28</tr>
29<tr>
30<td style="border:solid 1px;">水</td>
31<td style="border:solid 1px;border-left-width:3px;">850ml</td>
32</tr>
33<tr>
34<td style="border:solid 1px;">チョコレート</td>
35<td style="border:solid 1px;border-left-width:3px;">お好み</td>
36</tr>
37</table>