a标签css 可拨打电话

在网页设计中，<a>标签可用于创建链接和跳转页面。但它的另一个有用的功能是打电话。通过添加特定的CSS样式，您可以使电话号码成为可拨打的链接。

a[href^="tel"] {
    color: inherit;
    text-decoration: none;
}

a[href^="tel"]:before {
    content: "\260E ";
}

@media (max-width: 480px) {
    a[href^="tel"]:before {
        content: none;
    }
}

这是一个基本的样式表。它将所有以“tel:”开头的链接声明为可拨打号码，并在链接前添加电话机字符“☎”。

请注意，color和text-decoration属性被继承以匹配页面的主题和样式

此外，我们使用CSS ::before伪类插入电话机字符，而在非移动设备上则会自动隐藏。

现在您可以为网站的电话号码添加此样式，并使号码成为可拨打的链接。这对于需要操作电话的公司来说是一个非常有用的特性。