在鼠标悬停上使ASP超链接放大

时间:2011-08-23 05:28:51

标签: asp.net html css

我的aspx页面中有一个ASP超链接。该链接只是一个文本“点击此处”。

我在某些网站上看到了一些影响;如果用户将鼠标指向链接,则链接的大小会变大一些。当用户将鼠标指针移离链接时,链接将返回其原始大小。

我如何实现它?是用CSS完成的吗?

我在这里附加了现有的CSS。

<style type="text/css">
    .style1
    {

        font-size: large;
        font-weight: bold;
        font-family: Arial;
    }
</style>

3 个答案:

答案 0 :(得分:2)

你可以使用针对悬停伪类的css选择器http://www.w3.org/TR/CSS2/selector.html#dynamic-pseudo-classes来实现这一点,当鼠标悬停在链接上时应用新样式

<a href="www.google.com">go to google</a>

<style>
    a { font-family: Arial; }
    a:hover { font-size: large; font-weight: bold; font-family: Arial; }
</style>

答案 1 :(得分:1)

.style1
{
    font-size: large;
    font-weight: bold;
    font-family: Arial;
}

.style1:hover
{
    font-size:larger;
}

答案 2 :(得分:0)

有一个CSS悬停属性

示例(more info

a:hover
{ 
   background-color:yellow;
}

您还可以使用标记

的javascript和mouseover属性