<!DOCTYPE html> <html lang="en-US"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="stylesheet" href="table3.css" type="text/css"> <title>第4回輪講</title> </head> <body> <h1>輪講4回目</h1> <table> <tr> <th>アイテム</th> <th>金額</th> <th>量</th> <th>合計</th> </tr> <tr> <td>コーヒーカップ</td> <td>1000円</td> <td>5個</td> <td>5000円</td> </tr> <tr> <td>ポロシャツ</td> <td>2000円</td> <td>5枚</td> <td>10000円</td> </tr> <tr> <td>赤いホチキス</td> <td>900円</td> <td>4個</td> <td>3600円</td> </tr> <tr> <td colspan="3">金額合計</td> <td>18600円</td> </tr> <tr> <td colspan="3">運送代</td> <td>1200円</td> </tr> <tr> <td colspan="3">全合計金額</td> <td>19800円</td> </tr> </table> <h2>付け加えたもの</h2> <p> td:nth-child(n+2){<br> text-align: right;<br> }<br> p{margin-bottom: 20px}<br> #sidebar p:last-child{margin-bottom: 0; }<br> tr:last-child{<br> font-weight: bolder;<br> }<br> td:last-child{<br> font-weight: bolder;<br> }<br> tr:last-child td:last-child{<br> font-size:24px;<br> }<br> </p> <a href="rinkou4.html">last</a> </body> </html>