<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="big5">
<title>微積分</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; /*背景*/
}


li {	/*章節按鈕的底*/
	display: inline;/*忘了*/
	float : left;	/*靠左*/
	width: 25vmax;/*寬度*/
	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="第一章.html"><font size="4"><b>第一章</b></font></a></li>
		<li><a href="第二章.html"><font size="4"><b>第二章</b></font></a></li>
		<li><a href="第三章.html"><font size="4"><b>第三章</b></font></a></li>
		<li><a href="第四章.html"><font size="4"><b>第四章</b></font></a></li>
	</ul>
        <div id="column1">
        <ul class="b">
                <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>
		<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>
                <li class="a2" ></li>
                
<embed src="J S Bach Minuet in G major 巴赫小步舞曲.mp3" ;width="125px" ;height="35px" ;="">
                <li class="a2" ><h6>陳鋐數學關心您</h6></li>
                <li class="a2" ><h6>選擇陳鋐 氣勢如虹</h6></li>
        </ul>
        </div>
                <p><h2><br>使用說明:標題即為回首頁</br>
                       <br>章節點入之後會呈現單元</br>
                       <br>單元點入後會有焦點</br>
                       <br>焦點的左下方有Q&A可以練習題目</br>
                </h2></p>
                

                 

</body>
</html>