怎么用css样式来写导航按钮 就是首页 关于我们之类的 鼠标移动到某位置会改变颜色或者背景图片 asp.net

html-css023

怎么用css样式来写导航按钮 就是首页 关于我们之类的 鼠标移动到某位置会改变颜色或者背景图片 asp.net,第1张

<a href="#" class="aLink">首页</a>--- 这里是链接,并且应用样式aLink

<style type="text/css">

.aLink ---- 这里设置样式aLink

{

background-image:url(这里选你的背景图片)

color:这里设置你的当前字体颜色

}

.aLink:hover ---- 加上:hover则表示应用了aLink的样式在鼠标移上去之后应用该样式(伪类样式)

{

background-image:url(这里选你鼠标移上去的背景图片)

color:这里设置你鼠标移上去的字体颜色

}

</style>

<button class="btn">搜 索</button>

css:

.btn {

background: url(btn.gif) no-repeat

height: 32px

width: 80px

text-align: center

cursor: pointer

line-height: 32px

color: #FFFFFF

font-weight: bold

border:none

}