復習(3)　画像と背景画像

Q16

A16

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>A16</title>
<link rel="stylesheet" href="css/Q16.css" media="all">
</head>

<body>
<h1>Background Design</h1>
<p>Sharing your digital photos with family and friends is such an easy thing to do these days.</p>
</body>
</html>

body,h1,p{
  mardin:0;
  padding:0;
}
body{
  font-family:
    "Hiragino Kaku Gothic Pro",
    Meiryo,
    sans-serif;
  font-size:24px;
  line-height:1.5em;
  color:white;
  background :gray url(../img/20130713232008.gif) repeat-y 80%;}

Q17

A17

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>A17</title>
<link rel="stylesheet" href="css/Q17.css" media="all">
</head>
<body>
<p><img src="img/photo.gif" width="120px" height="72px" alt"写真">テキストの位置を指定します</p>
</body>
</html>

body{
  mardin:0;
  padding:0;
}
p{
  font-family:
    "Hiragino Kaku Gothic Pro",
    Meiryo,
    sans-serif;
    vertical-align:top;
}

Q18

A18






    
Q19

    




    
A19

    





    
Q20

    




    
A20