前言
有时候我们需要设置一些隐藏的入口,例如后台管理页面,内部人员可以轻松的从某处文字点击进入,而外部其他人没有研究网页或者不熟悉的话是不知道的。大系统来讲是不合理的,小系统来讲还挺不错的。
而a标签自带的下划线会暴露这是一个链接,设置a标签没有下划线的样式则是本文的重点。
解决方案
设置 style="text-decoration:none;"
,text-decoration是文字装饰的样式,相当于不要任何的文本样式。
<p>
<a href="${request.contextPath}/admin/login">广东省电子政务协会</a>
</p>
<p>
<a style="text-decoration:none;"
href="${request.contextPath}/admin/login">广东省电子政务协会</a>
</p>
text-decoration可能的值
值 | 描述 |
---|---|
none | `默认`。定义标准的文本。 |
underline | 定义文本下的一条线。也就是`a标签的下划线`。 |
overline | 定义文本上的一条线。 |
line-through | 定义穿过文本下的一条线。 |
blink | 定义闪烁的文本。 |
inherit | 规定应该从父元素继承 text-decoration 属性的值。 |
其他效果
- overline,上划线
- line-through,删除线
- blink,闪烁,传说中只在火狐闪,但是最新版本测试发现全部都不闪了,估计也是一种不建议的效果。