http://127.0.0.1:8848/2day3/index.html
image.png
image.png
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>特斯拉</title>
<style type="text/css">
ul{
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
li{
float: left;
padding: 10px;
color: white;
}
li a{
text-decoration: none;
display: block;
text-align: center;
color: white;
}
li a:hover{color: gray;}
#txt2{
color: #222222;
}
</style>
</head>
<body>
<div id="headnav" style="height: 60px;background-color: #222222;">
<img src="img/360桌面截圖20181031193844.jpg" style="float: left; padding-left: 20px; padding-right: 200px;">
<ul>
<li><a ><h5>MODEL S</h5></a></li>
<li><a ><h5>MODEL X</h5></a></li>
<li><a ><h5>MODEL 3</h5></a></li>
<li><a ><h5>ROADSTER</h5></a></li>
<li><a ><h5>ENERGY</h5></a></li>
</ul>
<ul>
<li><a href="img/360桌面截圖20181031205403.jpg" style="float: right;">訂閱更新</a></li>
</ul>
<div id="popover" class="mui-popover">
<div class="mui-scroll-wrapper">
<div class="mui-scroll">
<ul class="mui-table-view">
<li class="mui-table-view-cell"><a href="#">Item1</a></li>
<li class="mui-table-view-cell"><a href="#">Item2</a></li>
<li class="mui-table-view-cell"><a href="#">Item3</a></li>
<li class="mui-table-view-cell"><a href="#">Item4</a></li>
<li class="mui-table-view-cell"><a href="#">Item5</a></li>
</ul>
</div>
</div>
</div>
<a href="#popover" id="openPopover" class="mui-btn mui-btn-primary mui-btn-block">打開彈出菜單</a>
mui('.mui-scroll-wrapper').scroll()
</select>
</div>
<div id="headpic">
<img src="img/section-hero-background.jpg" width="100%">
</div>
<div id="page1">
<div>
<div style="width: 200px;height: 600px;float: left;"></div>
<div style="width: 200px;height: 600px;float: right;"></div>
<table id="txt1" align="center">
<tr><th><h1>出色的安全和性能表現</h1></th></tr>
<tr><td width="700px">Model S 自誕生之日起就是為了成為一款安全、高性能的轎車而設計。得益于特斯拉獨特的純電動動力總成，Model S 的性能表現十分出色，0-100公里/小時加速最快僅需 2.7 秒。通過 Autopilot 自動輔助駕駛（選裝），Model S 還可以使高速公路駕駛更為安全且輕松，讓你更好的享受駕駛樂趣。</td></tr>
</table>
<table id="txt2" style="float: left;">
<td><img src="img/360桌面截圖20181031204225.jpg" height="200px" ></td>
<tr><th>自適應大燈</th></tr>
<tr><td width="450px">Model S 現已新增全 LED 自適應前照燈系統。新車燈的外形更為優雅，安全性也進一步提升：14個動態 LED 轉向燈可顯著改善夜間駕駛，尤其是夜間彎道行駛時的可見度。</td></tr>
</table>
<table id="txt2" style="float: right;">
<td><img src="img/360桌面截圖20181031204239.jpg" height="200px" ></td>
<tr><th>HEPA 空氣過濾系統</th></tr>
<tr><td width="450px">Model S 現已新增高性能的 HEPA 空氣過濾系統（選裝），能夠過濾掉 99.97% 以上的尾氣污染物微粒，并有效濾除車內空氣中的一切過敏原、細菌及其他雜質。</td></tr>
</table>
<div></div>
</div>
</div>
</body>
</html>
#未完待續
未完待續
