<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="big5">
<title>微積分CH1</title>
<style type="text/css">
<!--

body{ /*網頁大小*/
	width:960px; /*寬度*/
	height:1000px;/*高度t*/
	background:#FFFFBB; /*背景*/
}

header{ /*標題*/
	border:1px #F034F0 solid;/*外框*/
	width:100vmax;/*寬度*/
	height:vh;/*高度*/
	background:#F0765F; /*背景*/
}

#column1{
        float: left;
        width: 18%;
        background-color:#FF00FF;
        border:1px solid #F034F0;
}

#column2{
        float: left;
        width: 81.5%;
}


a {
    text-decoration:none;
    color: black;
}

ul.a{	/*橫向表格*/
	float:left;/*靠左*/
	list-style-type: none;
	margin: 0;/**/
	padding:0;/*內襯*/
	width: 100vmax;/*寬度*/
	border:1px solid #F034F0;/*邊界*/
	background:#F0765F; /*背景*/
        text-align: center;
}


li {	/*章節按鈕的底*/
	display: inline;/*忘了*/
	float : left;	/*靠左*/
	width: 50vmax;/*寬度*/
	text-align : center;/*文字至中*/

}


li a {/*章節按鈕的超連結*/
	display: block;
	color: #000;
	padding: 8px 0vw;
	text-decoration: none;
	color:black;

}

li a:link{/*章節按鈕的hover*/
	text-align : center;
	color: black; /*當游標在上面的字體顏色*/
}

li a:hover{/*章節按鈕的hover*/
	background-color:#000000;/*當游標在上面的底色*/
	color: white; /*當游標在上面的字體顏色*/
}


/*剩下左超連結 跟 內文 和網頁連結*/

ul.b {
        text-align : center;
        list-style-type: none;
        margin: 0%;
        padding: 0;
        background-color:#FF00FF;
        border:1px solid #F034F0;
}


li.a2 {/*章節按鈕的超連結*/
	text-align : center;
	color: #000000;
	padding: 8px;
	width: 91%;
	height:7%;
	vertical-align:middle;
	text-decoration: none;
}

li.a2:link{/*章節按鈕的hover*/
	text-align : center;
	color: black; /*當游標在上面的字體顏色*/
}

li.a2:hover{/*章節按鈕的hover*/
	background-color: #00FFFF;/*當游標在上面的底色*/
	color: black; /*當游標在上面的字體顏色*/
}

h1{     /*標題字體*/
	text-align : center;
}



-->
</style>
</head> 

<body>
	<header>
                   <a href="index.html"><b><h1>微積分基礎入門</h1></b></a>
	</header>
	<br></br>

	<ul class="a">
		<li><a href="4-3的焦點一.html"><font size="4"><b>焦點一、曲線與軸</b></font></a></li>
		<li><a href="4-3的焦點二.html"><font size="4"><b>焦點二、取線與其他值線或曲線</b></font></a></li>
               </ul>

        <div id="column1">
        <ul class="b">
		<li class="a2" ><a href="4-1黎曼和.html"><font size="4"><b>4-1黎曼和</b></font></a></li>
                <li class="a2" ><a href="4-2積分.html"><font size="4"><b>4-2積分</b></font></a></li>
                <li class="a2" ><a href="4-3定積分求面積.html"><font size="4"><b>4-3定積分求面積</b></font></a></li>
                <li class="a2" ><a href="4-4定積分求體積.html"><font size="4"><b>4-4定積分求體積</b></font></a></li>
                <li class="a2" ></li>
                <li class="a2" ></li>
                <li class="a2" ></li>
                <li class="a2" ></li>
                <li class="a2" ></li>
                <li class="a2" ></li>
                <li class="a2" ></li>
                <li class="a2" ></li>
                <li class="a2" ></li>
                <li class="a2" ></li>
                <li class="a2" ></li>
                <li class="a2" ></li>
                <li class="a2" ></li>
                <li class="a2" ></li>
                <li class="a2" ></li>
                <li class="a2" ></li>
                <li class="a2" ></li>
                <li class="a2" ></li>
                <li class="a2" ></li>
                <li class="a2" ></li>
                <li class="a2" ></li>
                <li class="a2" ></li>
                <li class="a2" ></li>
                <li class="a2" ></li>
                <li class="a2" ></li>
                <li class="a2" ></li>
                <li class="a2" ></li>
                <li class="a2" ></li>
                <li class="a2" ></li>
                <li class="a2" ></li>
                <li class="a2" ></li>
                <li class="a2" ></li>
                <li class="a2" ></li>
                <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2F210.240.163.22%2F10712137%2F&width=114&layout=button_count&action=like&size=large&show_faces=true&share=true&height=46&appId" width="114" height="46" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
	</ul>
        </div>
        
        <div id="column2">
        <p>
        
        </p>
        </div>
       
</body>
</html>