準備課題CSS 3,5,6

CSS

昨日のやり直し　CSS 3

<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css"/>
<title>リンク色の文字3</title>
<style type="text/css">
<!--

#nav{
	font-size:1em;
	font-weight:bold;
	width:200px;
	height:auto;
	margin:50px 0 0 50px;
	
}
#nav ul{
	width: 200px;
	background-color:#ff9900;
	margin:10px 10px 10px 10px;
	list-style-type:none;
	
}
#nav li a{
	width:200px;
	display:block;
	border-bottom:2px solid;
	padding:10px 15px;
}

#nav li a:link,a:visited{
	color:#ffffff;
	text-decoration:none;
}
#nav li a:hover,a:activ{
	color:#ffffff;
	background-color:#ff6600;
	text-decoration:none;
}
-->
</style>
</head>
	
<body>
<div id="nav">
<ul>
<li><a href="#">LINK-link-coral</a></li>
<li><a href="#">LINK-visited-turquoise</a></li>
<li><a href="#">LINK-hover-skyblue</a></li>
<li><a href="#">LINK-active-lawngreen</a></li>
</ul>
</div>
</body>
</html>

#nav をid に指定して、色々試してみたけれど、#nav li a border-bottom:2px solid;の長さが足りなくなってしまった。
こんがらがって、わからなくなってきたので、持ち越しにします。また、やり直します。

【CSS05】 背景色と余白

<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-style-Type" content="text/css"/>

<title>背景色と余白</title>
<style type="text/css">
<!--
h2{
	width:300px;
	font-size:24px;
	color:#ffffff;
	background-color:#000080;
	margin-bottom:0;
	padding:1em,1em;
}
p{
	width:300px;
	fonto-size:24px;
	color:#000000;
	background-color:#00ffff;
	margin-top:0;
	padding:1em,1em;
}
	
-->
</style>
</head>
<body>
<h2>background-colorの設定</h2>
<p>見出しには濃い目の色を背景に指定し、文字を白抜きにします。段落には、見出しよりも薄い色を指定します。さらに見出しと段落の上下マージンを0にして、ボックスの上下をくっつけ、パディングを1em指定します。
</p>
</body>
</html>

【CSS06】背景画像を設定

<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta ettp-equiv="Content-Style-Type" content="text/css">
<title> 背景画像を設定</title>
<style type="text/css">
<!--
body{
	background-image:url("file:///C:/Users/naoko/Pictures/%E6%BA%96%E5%82%99%E8%AA%B2%E9%A1%8C%E3%80%80%E7%94%BB%E5%83%8F/bee.gif");
	background-repeat:repeat;
}

-->
</style>
</head>
<body>

</body>
</html>

自分で取り込んだbee.gif画像をどうやって、そのファイルの場所を指定すればよいのか、わかりませんでした。画像の取り込み方は、取り込みたい画像をクリックして、画像の表示、名前を付けて保存するでよいのでしょうか。ここが現在の課題点です。一応、アドレスにあったものをコピーして張り付けてみました。保存先のファイルの場所が悪いのでしょうか。