在CSS或ASPX页面中的图像网页链接?

问题描述:

我想在aspx页面上有一个图像作为按钮。链接到css文件中的按钮文件似乎很自然,因为图像可能会更改。但是,链接网址也应该在CSS文件中?这将如何以代码方式完成?或者,如果url应该在aspx文件中,那么如何让css文件中引用的按钮具有此链接?在CSS或ASPX页面中的图像网页链接?

编辑:

<div id="somelink"><a href="....." /></div>

#somelink a 
{ 
    background: url(/Images/button.jpg) no-repeat; 
    display: block; 
    width: 235px; 
    height: 37px; 
} 

CSS仅用于造型。您也无法将链接网址存储在那里。这属于标记。

为按钮链接到CSS,你要么使用一个类或ID:

#myButton { 
    background-image: /* some styling */ 
} 

而在标记:

<a href="http://someurl" id="myButton" /> 
+0

此外,作为一个快速的注意,如果你按照Justin的建议做背景图像,路径必须与CSS文件相关,这使得重用该图像和CSS样式更容易。 – Zoidberg 2012-03-02 17:33:30

+0

谢谢!虽然我无法让这个工作正常。链接跨越整条线,在按钮外,或图像垂直翻倍。必须使用以上编辑的代码。 – bretddog 2012-03-02 18:14:27