用a標籤實現檔案下載，並將a標籤設計成按鈕樣式

一，<a>標籤實現下載

<style>
a {color: #696B83;TEXT-DECORATION: none}//設定a標籤的顏色，除去下劃線
a:active {background: #AFC1DC}//設計a標籤的點選使得顏色，看起來就有點選的質感
.DownButtonNormal{//設計該類的所有格式
    height: 18px;
    line-height: 18px;
    padding: 0 11px;
    background: rgb(120, 127, 162);
    border: 1px #E5E7EA solid;
    border-radius: 3px;
    display: inline-block;
    font-size: 12px;
    outline: none;
 }

</style>
<a class="DownButtonNormal" name="DownLoadHistEvent" style="color:#ffffff" download="histevent.csv" href="../../tmp/histevent.csv">Download</a>
 

href="../../tmp/histdata.csv" 這裡的路徑是web服務預設存放網頁檔案的位置為根路徑，而不是伺服器的檔案系統為根路徑

舉例：我的web伺服器存放網頁檔案的預設路徑是/home/web 

      伺服器預設的根路徑是 ： / 

      那麼“../../tmp/histdata.csv” 就是伺服器的 /tmp/histdata.csv

注意：<a ...style="color:#ffffff"..> 此處的color的作用是區分其他<a>標籤的顏色，因為在<style></style>中已經設計了全部<a>標籤的顏色

效果：

點選後：