git_practice_2019/html5_css3/rinkou4.html at d006a910d0d520debf3ed520133041f3e8b66b8f

Fork: 0

HiroseLabo. / git_practice_2019

Find file

Newer

Older

git_practice_2019 / html5_css3 / rinkou4.html

sasaki on 16 Jul 2019 1 KB changed by(わかりやすくしたよ)

Raw Blame History

<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link rel="stylesheet" href="table.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>
    tr:nth-last-child(-n+3) td{<br>
    text-align: right;<br>
}<br>
    </p>
  </body>
</html>