git_practice_2019/html5_css3/rinkou4-4.html at 56e6c9e6b5e3fae6ff51719af30f949f34e14b45

Fork: 0

HiroseLabo. / git_practice_2019

Find file

Newer

Older

git_practice_2019 / html5_css3 / rinkou4-4.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="table2.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-of-type(even){<br>
      background-color: #f3f3f3;<br>
	}<br>
      
      tr:nth-of-type(odd){<br>
      background-color: #dddddd;<br>
      }<br>
      <a href="rinkou4-5.html">next</a>
  </body>
</html>