a标签下划线设置及其他属性

添加下划线:

①a{text-decoration:underline;}

②使用 <u> 标签为文本添加下划线,定位到a标签底部

【注意】如果文本不是超链接,不要用下划线

删除下划线:

text-decoration:none;

 

1.a标签:

<a href="./333.html">本文本</a>
href里一个点"./"为同级,表示当前目录,两个点"../"为父级

 2.刷新当前页面

<a onclick="javascript:window.location.reload('');">刷新</a>
<a onclick="javascript:window.history.go(0);">刷新</a>

 

注:input里的类型"type"必须等于"button",如果是type="submit",此js不起作用

3.点击后跳到页面顶部:

①使用HTML的锚标记:唯一的缺点就是样式不怎么样,而且会在url里显示这个锚标记
<a name="top" id="top"></a>放置位置在只要靠近顶部即可

页面底部放置:<a href="#top" target="_self">返回顶部</a>

②Javascript Scroll函数:<a href="javascript:scroll(0,0)">返回顶部</a>
scroll第一个参数是水平位置,第二个参数是垂直位置,比如要想定位在垂直50像素,scroll(0,50)即可

②使用 <u> 标签为文本添加下划线,定位到a标签底部

【注意】如果文本不是超链接,不要用下划线

 

猜你喜欢

转载自570109268.iteye.com/blog/2379776