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

Fork: 0

HiroseLabo. / git_practice_2019

Find file

Newer

Older

git_practice_2019 / html5_css3 / rinkou4-3.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="table1.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>
      table{<br>
      width: 600px;<br>
      border-collapse: collapse;<br>
      }<br>
      
      th, td{<br>
      border: none;<br>
      }<br>
      
      th{<br>
      background-color: #11d4f2;<br>
      color: #000000;<br>
      }<br>
    <a href="rinkou4-4.html">next</a>
  </body>
</html>