基本サンプル00

基本サンプル02　（コンテンツ）

all <div id="all" style="height : 800px; width : 1100px;">

content

#content{
background-color : rgb(255, 230, 204);border-width : 1px;border-style : solid;border-color : maroon;
width : 1000px;
height : 600px;
background-image : url(p2b.gif);
margin-top : 1px;
}

<div id="content"><br>
content</div>

ul{
padding-top : 0px;
padding-left : 0px;
padding-right : 0px;
padding-bottom : 0px;
margin-top : 0px;
margin-left : 0px;
margin-right : 0px;
margin-bottom : 0px;
list-style-type : none;
text-align : center;
}
ul li{
font-size : 20px;
line-height : 35px;
border-bottom-width : 0px;
border-bottom-style : solid;
height : 38px;
overflow : hidden;
border-top-width : 1px;
border-top-style : solid;
border-top-color : silver;
width : 135px;
float : left;
font-family : "BIZ UD明朝 Medium";
font-weight : bold;
border-right-width : 1px;
border-right-style : solid;
border-right-color : blue;
}
ul li a{
background-image : url(image/botton1.png);
background-repeat : repeat-x;
text-decoration : none;
display : block;
color : blue;
border-left-width : 1px;
border-left-style : dotted;
border-left-color : silver;
}
ul li a:hover{
font-weight : bold;
background-image : url(image/botton2.gif);
background-repeat : repeat-x;
font-size : 20px;
color : yellow;
border-left-width : 1px;
border-left-style : solid;
border-left-color : silver;
}
.rightline{
border-right-style : solid;
border-right-color : silver;
}
ul li ul{
border-top-width : 1px;
border-top-style : solid;
border-top-color : silver;
display : none;
}
ul li li{
border-right-width : 1px;
border-bottom-width : 1px;
border-right-style : solid;
border-bottom-style : solid;
border-right-color : silver;
border-bottom-color : silver;
float : none;
}
ul li:hover ul{
display : block;
position : absolute;
}
ul li li a{
background-image : url(image/botton1.png);
background-repeat : repeat-x;
}

<div id="nav" style="width : 1092px; height : 36px;">
<ul>
<li class="current"><a href="index.html">H O M E</a>
<li><a href="http://takesato.org/~php/takesato/joyfulyy.cgi" target="_blank">交流掲示板へ</a>
<li><a href="profile.html">PROFILE</a>
<li><a href="links.html">リンク集</a>
<li><a href="html-00.html">HTML？</a>
<ul>
<li><a href="html-01.html">HTML-01</a>
<li><a href="****.html">HTML-02</a>
</ul>
<li><a href="sample1-3/sample-top.html" target="_blank">HP作成教室</a>
<ul>
<li><a href="*****">基本ページ1</a>
<li><a href="*****">基本ページ2</a>　
<li><a href="*****">基本ページ3</a>
<li><a href="*****">基本ページ4</a>
<li><a href="*****">基本ページ5</a>
<li><a href="*****">基本ページ6</a>
</ul>
　<li><a href="sampl-kihon00.html" target="_blank">サンプル</a>
<ul >
<li><a href="sampl-kihon01.html" target="_blank"">サンプルⅠ</a>
<li><a href="sampl-kihon02.html" target="_blank"">サンプルⅡ</a>
</ul>
<li><a href="links.html">*****0</a>
<ul>
<li><a href="linksyuu.html">****01</a>
<li><a href="linksyuu.html">****02</a>
</ul>
</ul>
</div>

基本サンプル02 （コンテンツ）

基本サンプル02　（コンテンツ）