html中a标签
2020-05-19 本文已影响0人
web前端技术
此标签中,href属性是必须要写的,其属性值一般有以下几点用法:
1、超链接
<a href = "要跳转的网址"></a>,比如:<a href = "http://baidu.com">百度</a>
此用法指的是点击百度,就会跳转到百度的页面中。
2、锚点定位
<a href = "#id名"> 标题 n < / a >
/*<标签 id = id 名>< / 标签>*/
此用法指的是给标签(比如<p> <span>等)和a链接标签指定一个相同的id名,即可在同一页面上相互跳转。
3、打电话、发邮件等功能
<a href = "tel:1×××××××××">给某人打电话</a>
<a href = "mailto:×××@163.com">发邮件</a>
此用法就会给指定的人打电话
4、不同的html页面的相互跳转
直接将html文件名写进href中即可。即<a href="index.html"></a>
a标签样式
a {
/* 取消下划线 */
text-decoration: none;
/* 取消选中时的背景色 */
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* 已读时的字体颜色 */
a:visited {
color: red;
}
/* 点击时的字体颜色 */
a:active {
color: dodgerblue;
}
a:link {
background:#B2FF99;
color:red;
}
/* 未被访问的链接 */
a:visited {
background:#FFFF85;font-
family:color:gray;
}
/* 已被访问的链接 */
a:hover {
background:#FF704D;
text-transform:uppercase;
}
/* 鼠标指针移动到链接上 */
a:active {background:#FF704D;}
/* 正在被点击的链接 */