Html中a标签的使⽤（下载及设计成按钮）
⽤a标签实现⽂件下载，并将a标签设计成按钮样式
⼀，<a>标签实现下载
<style>
a {color: #696B83;TEXT-DECORATION: none}//设置a标签的颜⾊，除去下划线
a:active {background: #AFC1DC}//设计a标签的点击使得颜⾊，看起来就有点击的质感
.DownButtonNormal{//设计该类的所有格式
href标签怎么用
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" download="histevent.csv" href="../../tmp/histevent.csv">Download</a> href="../../tmp/histdata.csv" 这⾥的路径是web服务默认存放⽹页⽂件的位置为根路径，⽽不是服务器的⽂件系统为根路径
举例：我的web服务器存放⽹页⽂件的默认路径是/home/web
服务器默认的根路径是 ： /
那么“../../tmp/histdata.csv” 就是服务器的 /tmp/histdata.csv
注意：<a .....> 此处的color的作⽤是区分其他<a>标签的颜⾊，因为在<style></style>中已经设计了全部<a>标签的颜⾊
效果：
点击后：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。