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

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

CSS样式表: 脚本控制三行三列自适应高度DIV布局; 通过CSS Hack 区分 FF/IE7/IE6/IE5.5/IE5 代码推荐; HTML/XHTML模板; 用DIV+CSS写小三角; SPAN元素和DIV元素有的区别; 关于Firefox中的Flash不可以显示透明效果的问题; 当ie7不认!important之后 [布局的解决办法]; 绝对定位的DIV宽度自动适应的一个方法; 被人遗忘的html tags; 一个css 的小问题; IE 5.x/Win 和模型bug; [转]目前找到的最好的Iframe自适应高度代码; Web Safe Color Pallette; 网站制作之网页技巧; http状态码一览表; 从Table向Css过渡的优缺点比较; 不用float实现div模块居中布局; 解决列高度自适应(相同)的五种方法; 用CSS floats创建三栏页布局; 如何正确使用标题元素、段落和强制换行

No. « ‹ 34 35 36 37 › »

技术文章搜索

关键字

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

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

收藏到网摘: 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样式表中的凸起的按钮效果