Html中a标签的使用（下载及设计成按钮）

用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