<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>sun</title>
<link?rel="stylesheet"?type="text/css"?href="love?sun.css">
</head>
<body>
<div></div>
<div></div>
<div></div>
<div></div>
<button?type="button"?name="I?AM"><a?href="#"><h1>I?AM</a></h1></button>
<button?type="button"?name="I??"><a?href="#"><h1>I?  ?</a></h1></button>
<button?type="button"?name="I?DR"><a?href="#"><h1>I?DR</a></h1></button>
<button?type="button"?name="I?BO"><a?href="C:\Users\龍\Desktop\public\sunibook.html"><h1>I?BO</h1></a></button>
<button?type="button"?name="I?PI"><a?href="#"><h1>I?  PI</a></h1></button>
<button?type="button"?name="I?LI"><a?href="#"><h1>I?  LI</a></h1></button>
<div>
<div>
<img?src="http://imgchr.com/images/1507231-7.jpg"?width="100%">
</div>
<div>
<h2>懂得不多</h2>
<p>s?ij?ijo?inoisdoi?i?nioej?oi?n?noi?oij?oi?om?oii?noi?u?oi?ibiubuafhuicykyajbfue?uy?hneu?ue?nufizdyanujdi8euncya?iniu?hisj?iuyuan?hsug??uyu?yudu?idei?n?gie?tjieydiudiya?hi?hoisui?ishioa?iuhefhiuaegfuhkaj?hiufsnkjchjo?eoifhiujifu?ehfiencuihowofniuauivg?</p>
<h3>efadjk</h3>
<p>duiahincnavi?uieidjomco??suijdiskd??uiemdihuy?m?pisjodnsk?jugoiuuxio?jioxcmi?jieln?iuh?oijidhdsoi?hoisdgsiuguiakbcirh?irjviushdj?yky?ajngejji?oiehionuifejfue7r83uiyfuehf78e2huqhoi?vh?78h3ufijnriunairgfnu489fmkgalrnv?uuh408498hju?gni?9vie030mjfi?h84o9?94j98ejiufehfioenfhroingin?gif?i3jif3oej?ijeij?ijfiejfiejfjeifeijfh8?jeikfojfowjofjwofjowhfoqeijofiqjoifjwoiehpwqphefiuqewprypoiewqyrpioueqpoiriewuiopruewqoi?urioiuqpeiqu</p>
<p>duiahincnavi?uieidjomco??suijdiskd??uiemdihuy?m?pisjodnsk?jugoiuuxio?jioxcmi?jieln?iuh?oijidhdsoi?hoisdgsiuguiakbcirh?irjviushdj?yky?ajngejji?oiehionuifejfue7r83uiyfuehf78e2huqhoi?vh?78h3ufijnriunairgfnu489fmkgalrnv?uuh408498hju?gni?9vie030mjfi?h84o9?94j98ejiufehfioenfhroingin?gif?i3jif3oej?ijeij?ijfiejfiejfjeifeijfh8?jeikfojfowjofjwofjowhfoqeijofiqjoifjwoiehpwqphefiuqewprypoiewqyrpioueqpoiriewuiopruewqoi?urioiuqpeiqu</p>
<p>duiahincnavi?uieidjomco??suijdiskd??uiemdihuy?m?pisjodnsk?jugoiuuxio?jioxcmi?jieln?iuh?oijidhdsoi?hoisdgsiuguiakbcirh?irjviushdj?yky?ajngejji?oiehionuifejfue7r83uiyfuehf78e2huqhoi?vh?78h3ufijnriunairgfnu489fmkgalrnv?uuh408498hju?gni?9vie030mjfi?h84o9?94j98ejiufehfioenfhroingin?gif?i3jif3oej?ijeij?ijfiejfiejfjeifeijfh8?jeikfojfowjofjwofjowhfoqeijofiqjoifjwoiehpwqphefiuqewprypoiewqyrpioueqpoiriewuiopruewqoi?urioiuqpeiqu</p>
<p>duiahincnavi?uieidjomco??suijdiskd??uiemdihuy?m?pisjodnsk?jugoiuuxio?jioxcmi?jieln?iuh?oijidhdsoi?hoisdgsiuguiakbcirh?irjviushdj?yky?ajngejji?oiehionuifejfue7r83uiyfuehf78e2huqhoi?vh?78h3ufijnriunairgfnu489fmkgalrnv?uuh408498hju?gni?9vie030mjfi?h84o9?94j98ejiufehfioenfhroingin?gif?i3jif3oej?ijeij?ijfiejfiejfjeifeijfh8?jeikfojfowjofjwofjowhfoqeijofiqjoifjwoiehpwqphefiuqewprypoiewqyrpioueqpoiriewuiopruewqoi?urioiuqpeiqu</p>
</div>
<div></div>
</div>
<div>
<div></div>
<div>
<h3>efadjk</h3>
<p>duiahincnavi?uieidjomco??suijdiskd??uiemdihuy?m?pisjodnsk?jugoiuuxio?jioxcmi?jieln?iuh?oijidhdsoi?hoisdgsiuguiakbcirh?irjviushdj?yky?ajngejji?oiehionuifejfue7r83uiyfuehf78e2huqhoi?vh?78h3ufijnriunairgfnu489fmkgalrnv?uuh408498hju?gni?9vie030mjfi?h84o9?94j98ejiufehfioenfhroingin?gif?i3jif3oej?ijeij?ijfiejfiejfjeifeijfh8?jeikfojfowjofjwofjowhfoqeijofiqjoifjwoiehpwqphefiuqewprypoiewqyrpioueqpoiriewuiopruewqoi?urioiuqpeiqu</p>
<p>duiahincnavi?uieidjomco??suijdiskd??uiemdihuy?m?pisjodnsk?jugoiuuxio?jioxcmi?jieln?iuh?oijidhdsoi?hoisdgsiuguiakbcirh?irjviushdj?yky?ajngejji?oiehionuifejfue7r83uiyfuehf78e2huqhoi?vh?78h3ufijnriunairgfnu489fmkgalrnv?uuh408498hju?gni?9vie030mjfi?h84o9?94j98ejiufehfioenfhroingin?gif?i3jif3oej?ijeij?ijfiejfiejfjeifeijfh8?jeikfojfowjofjwofjowhfoqeijofiqjoifjwoiehpwqphefiuqewprypoiewqyrpioueqpoiriewuiopruewqoi?urioiuqpeiqu</p>
<p>duiahincnavi?uieidjomco??suijdiskd??uiemdihuy?m?pisjodnsk?jugoiuuxio?jioxcmi?jieln?iuh?oijidhdsoi?hoisdgsiuguiakbcirh?irjviushdj?yky?ajngejji?oiehionuifejfue7r83uiyfuehf78e2huqhoi?vh?78h3ufijnriunairgfnu489fmkgalrnv?uuh408498hju?gni?9vie030mjfi?h84o9?94j98ejiufehfioenfhroingin?gif?i3jif3oej?ijeij?ijfiejfiejfjeifeijfh8?jeikfojfowjofjwofjowhfoqeijofiqjoifjwoiehpwqphefiuqewprypoiewqyrpioueqpoiriewuiopruewqoi?urioiuqpeiqu</p>
<p>duiahincnavi?uieidjomco??suijdiskd??uiemdihuy?m?pisjodnsk?jugoiuuxio?jioxcmi?jieln?iuh?oijidhdsoi?hoisdgsiuguiakbcirh?irjviushdj?yky?ajngejji?oiehionuifejfue7r83uiyfuehf78e2huqhoi?vh?78h3ufijnriunairgfnu489fmkgalrnv?uuh408498hju?gni?9vie030mjfi?h84o9?94j98ejiufehfioenfhroingin?gif?i3jif3oej?ijeij?ijfiejfiejfjeifeijfh8?jeikfojfowjofjwofjowhfoqeijofiqjoifjwoiehpwqphefiuqewprypoiewqyrpioueqpoiriewuiopruewqoi?urioiuqpeiqu</p>
</div>
<div></div>
</div>
</body>
</html>
<!--為什么a?不能變色?。。。。。。。。。?！?-->*{margin:?0;padding:0;}
body{width:?200%;height:100%}
a{color:?#fff;text-decoration:?none;}
a:hover{color:?#dadada;text-decoration:?none;}
button{display:?block;height:16.67%;max-width:20%;min-width:20%;font-size:?20px;color:?#fff;background-color:?#539CEF;border:0;position:?fixed;z-index:5;}
button:hover{background-color:#396FAD;color:?#dadada}
h1,h2{line-height:?2em;margin-left:20px;}
p{line-height:?1.5em;margin-bottom:?0.5em;margin-left:20px}
.b1{top:0;}
.b2{top:16.67%;}
.b3{top:33.34%;}
.b4{bottom:?33.33%}
.b5{bottom:?16.67%;}
.b6{bottom:?0;}
.dt{position:absolute;top:0;border-bottom:?5px?solid?#539cef;width:200%;display:block;}
.dr{z-index:?4;position:absolute;right:-100%;border-left:?5px?solid?#539cef;height:100%;}
.dr2{z-index:?4;position:absolute;right:-10%;border:?1px?solid?#539cef;height:80%;margin:5%?0;}
.db{z-index:?4;position:absolute;bottom:0;border-top:?5px?solid?#539cef;width:200%;display:block;}
.right_b{width:87%;height:?90%;background-color:?red;position:?absolute;left:21.5%;top:5%;}
.right_b2{width:87%;height:?90%;background-color:?green;position:?absolute;left:111%;top:5%;}
.rbl{background-color:?#f1f1f1;width:?15%;height:?100%;float:?left}
.rbl?img{position:relative;top:?20%}
.rbm{background-color:?#FDFEE4;width:70%;height:?100%;float:?left;}
.rbr{background-color:?#f1f1f1;width:15%;height:?100%;float:?left;}像這樣子：變色不變
已解決430363個問題，去搜搜看，總會有你想問的