<table>
    <tr>
        <th>順番</th>
        <th>名前</th>
        <th>数</th>
        <th>金額</th>
    </tr>
    <tr>
        <td>1</td>
        <td>りんご</td>
        <td>10</td>
        <td>2000円</td>
    </tr>
    <tr>
        <td>2</td>
        <td>ごりら</td>
        <td>5</td>
        <td></td>
    </tr>
    <tr>
        <td>3</td>
        <td>ラッパ</td>
        <td></td>
        <td>3万円</td>
    </tr>
    <tr>
        <td>4</td>
        <td></td>
        <td>22</td>
        <td></td>
    </tr>
    <tr>
        <td>5</td>
        <td>その他</td>
        <td></td>
        <td>5億円</td>
    </tr>
</table>
body {
    padding:10px;
}
td {
    padding:2px;
    border: 1px solid #333;
	width:25%;
}
th {
    padding:10px;
    font-weight:bold;
    border: 1px solid #333;
}
td:empty{background:yellow;}
td:empty:before{content:"無し";}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.