a:link {
/* 设置链接的未访问状态的样式 */
color: blue;
text-decoration: none;
}
a:visited {
/* 设置链接的已访问状态的样式 */
color: purple;
text-decoration: none;
}
a:hover {
/* 设置鼠标悬停到链接上时的样式 */
color: red;
text-decoration: underline;
}
a:active {
/* 设置鼠标点击链接时的样式 */
color: green;
text-decoration: underline;
}在以上代码中，a:link表示链接的未访问状态，a:visited表示链接的已访问状态，a:hover表示鼠标悬停时的状态，a:active表示鼠标点击时的状态。通过设置这些状态的样式，大家可以实现自定义链接样式的效果。其中，text-decoration属性可以用来控制链接的下划线、删除线等样式。
在网页中，<a href="tel:电话号码"> 点击拨号 </a>可以实现点击链接直接拨打电话的效果，这是因为href="tel:电话号码"告诉浏览器这个链接是一个电话链接，点击后会自动拨号。大家可以通过CSS来设置这个链接的样式，例如：
a[href^="tel:"] {
/* 设置电话链接的样式 */
color: green;
text-decoration: none;
}以上代码中，a[href^="tel:"]表示选择所有以tel:开头的标签，通过设置样式来表现其为电话链接样式。
总之，在CSS中，a标签是创建链接的重要标签之一，通过设置其样式，大家可以实现自定义链接效果，包括电话链接的样式。