凸起的按钮效果- CSS样式表 - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 凸起的按钮效果

技术文章搜索

关键字

CSS样式表中的凸起的按钮效果

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 129 ::

收藏到网摘: n/a

如何设置网页的背景为透明带白边的黑字 css

点击运行可以看到效果:

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

点击运行可以看到效果:
[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

点击运行可以看到效果:

<body style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=blue,endColorStr=white);">
<script language=javascript>
function movr(src)
{ src.onselectstart = new Function("return false");
with (src.style) { color="red"
borderLeft = "2px solid buttonhighlight";
borderRight = "2px solid buttonshadow";
borderTop = "2px solid buttonhighlight";
borderBottom = "2px solid buttonshadow";
padding = "0";
cursor="hand";
}
}
function mdwn(src)
{ src.onselectstart = new Function("return false");
with (src.style) { color="red"
borderRight = "1px solid buttonhighlight";
borderLeft= "1px solid buttonshadow";
borderBottom = "1px solid buttonhighlight";
borderTop = "1px solid buttonshadow";
padding = "0";
}
}
function mout(src)
{ src.onselectstart = new Function("return false");
with (src.style) { color="black"
background = "buttonface"; //此为鼠标移动后的颜色，可根据需要改变
border = "1px solid buttonface";
padding = "0";
}
}
</script>
<table width=60 cellspacing="16" bgcolor=buttonface style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=blue,endColorStr=white);">
<tr>
<td width=100% name="cool" bgcolor=buttonface onmouseover='movr(this)' onmouseout='mout(this)' onmouseup='movr(this)' onmousedown='mdwn(this)'>
鹤发童颜
</td>
<td width=100% bgcolor=buttonface onmouseover='movr(this)' onmouseout='mout(this)' onmouseup='movr(this)' onmousedown='mdwn(this)'>
青梅竹马
</td>
<td width=100% bgcolor=buttonface onmouseover='movr(this)' onmouseout='mout(this)' onmouseup='movr(this)' onmousedown='mdwn(this)'>
知往观来
</td>
<td width=100% bgcolor=buttonface onmouseover='movr(this)' onmouseout='mout(this)' onmouseup='movr(this)' onmousedown='mdwn(this)'>
金翅擘海

</td>
</tr>
</table>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

如何设置网页的背景为透明带白边的黑字 css

CSS样式表 中的 凸起的按钮效果

评论 (0) All

CSS样式表中的凸起的按钮效果