HTML背景图片链接

时间:2011-10-21 16:50:29

标签: html css image

请有人帮我这个,

我想要的是一个背景图片链接,位于表格内的一行。

感谢帮助 感谢

4 个答案:

答案 0 :(得分:1)

任何元素都可以有背景图片:

<a href='link' style='background-image:url("/images/link.png");'>link</a>

答案 1 :(得分:1)

你的意思是这样吗?

<html>
<head>
<style type="text/css">
    a  
    {
        background-image:url('http://www.google.com/logos/2011/mary_blair-2011-hp.jpg');
    }
    table, td, th
    {
        border:1px solid black;
    }
</style>
</head>
<body>
<table>
    <tr>
        <td>
            <a  href=”www.google.com”> Google</a>
        </td>
        <td>
            Google
        </td>
    </tr>
</table>
</body>
</html>

答案 2 :(得分:0)

如果您为链接或<a>标记提供样式display:block并为其指定特定的宽度和高度,那么它应该可以正常工作。

a.classname {
    display:block;
    height:16px;
    width:16px;
    background: url(images/myImage.png);
}

答案 3 :(得分:0)

<table>
    <tr>
       <td>
          <a href="your_link_target.htm">
             <img src="image_path.jpg" alt="This is a test image link">
          </a>
      </td>
    </tr>
</table>