Question

我有一个电话号码，我希望它可以与CSS链接。电话号码是插入div的背景（CSS）。这有可能用CSS吗？

问题是...我有很多页面，我只有一个链接到所有页面的CSS页面。 “没有JS”，我不想全身心地用“a”改变“div”。

Answer 1

是的，而不是div以这种方式使用a元素：

a.phone-number {
    display: block;
    width: ...;
    height: ...;
    background: url(...);
}

然后你的html将是

<a href="#url#" class="phone-number"></a>

Answer 2

代替div使其成为下面a示例的背景图片

HMTL

<a href="#">phone</a>

CSS

a.{
float:left;
width:100px; 
height:200px;
text-indent:-5000px;
background: url(images/sample.jpg);
}

希望它有所帮助

Answer 3

不，您无法使用CSS创建链接。 CSS用于呈现建议，而不是用于增强功能或添加新元素。

Answer 4

这样的东西？

<div class="number"></div>

.number{ /* mention the div class name or id here */
    display:inline;
    cursor: pointer;
    cursor: hand; /*for cross-browser support */
    border-bottom: 1px solid blue; /* give your own color */
}

Answer 5

您需要使用<a>标记。 <a>是使用语义正确的元素，为您的标记赋予更多意义。

使用HTML5，您应该像这样标记您的电话链接。

<a href="tel:+13174562564">317-456-2564</a>

这允许iPhone和Androids等移动设备将其识别为电话号码，并在触摸时发起电话呼叫。

HTML / CSS：制作<a> tag with css</a>

5 个答案: