ロールオーバー

ガーデニング
"#（イゲター）"ナルリンク→意味：まだ、リンクされてないよ

id属性は、１ページに1個→cssでは「a#menu1 {」
　　　　　　　　　　　　　　　　　　↑#が付きます。

****************************

a#menu1 {
background-image: url("images/menu1.gif");
background-repeat: no-repeat;
display: block;　　　　これと、
height: 15px;　　　　　これと、
width: 85px;　　　　　　これが、枠になってください命令
}
a#menu1:hover {
background-image: url("images/menu1over.gif");　意味：マウスを置いたら絵を変えて
background-repeat: no-repeat;
}

*********************************:

ul {　　　　　　　　　　　　　←ここと、
list-style: none;　　←こことは、セットがよろし
margin: 0;
padding: 0;
}
ul li {
list-style: none;　　←「ul」にlist-style: none;があれば、
margin: 0;　　　　　　　　「ul li」にlist-style: none;はいらない
padding: 0;
｝
ただし、

margin: 0;
padding: 0;

は、それぞれ、必要なので、それぞれにかくこと。

*********************************:

a#menu1 {
background-image: url("images/menu1.gif");①
background-repeat: no-repeat;
と

ul li a#navi1 {
background: url("images/menu1.gif") no-repeat;①
width: 85px

①は省略

ガーデニング
"#（イゲター）"ナルリンク→意味：まだ、リンクされてないよ

id属性は、１ページに1個→cssでは「a#menu1 {」
　　　　　　　　　　　　　　　　　　↑#が付きます。

****************************

a#menu1 {
background-image: url("images/menu1.gif");
background-repeat: no-repeat;
display: block;　　　　これと、
height: 15px;　　　　　これと、
width: 85px;　　　　　　これが、枠になってください命令
}
a#menu1:hover {
background-image: url("images/menu1over.gif");　意味：マウスを置いたら絵を変えて
background-repeat: no-repeat;
}

*********************************:

ul {　　　　　　　　　　　　　←ここと、
list-style: none;　　←こことは、セットがよろし
margin: 0;
padding: 0;
}
ul li {
list-style: none;　　←「ul」にlist-style: none;があれば、
margin: 0;　　　　　　　　「ul li」にlist-style: none;はいらない
padding: 0;
｝
ただし、

margin: 0;
padding: 0;

は、それぞれ、必要なので、それぞれにかくこと。

*********************************:

a#menu1 {
background-image: url("images/menu1.gif");?
background-repeat: no-repeat;
と

ul li a#navi1 {
background: url("images/menu1.gif") no-repeat;?
width: 85px

?は省略

ガーデニング
"#（イゲター）"ナルリンク→意味：まだ、リンクされてないよ

id属性は、１ページに1個→cssでは「a#menu1 {」
　　　　　　　　　　　　　　　　　　↑#が付きます。

****************************

a#menu1 {
background-image: url("images/menu1.gif");
background-repeat: no-repeat;
display: block;　　　　これと、
height: 15px;　　　　　これと、
width: 85px;　　　　　　これが、枠になってください命令
}
a#menu1:hover {
background-image: url("images/menu1over.gif");　意味：マウスを置いたら絵を変えて
background-repeat: no-repeat;
}

*********************************:

ul {　　　　　　　　　　　　　←ここと、
list-style: none;　　←こことは、セットがよろし
margin: 0;
padding: 0;
}
ul li {
list-style: none;　　←「ul」にlist-style: none;があれば、
margin: 0;　　　　　　　　「ul li」にlist-style: none;はいらない
padding: 0;
｝
ただし、

margin: 0;
padding: 0;

は、それぞれ、必要なので、それぞれにかくこと。

*********************************:

a#menu1 {
background-image: url("images/menu1.gif");①
background-repeat: no-repeat;
と

ul li a#navi1 {
background: url("images/menu1.gif") no-repeat;①
width: 85px

①は省略