微软风格的按钮

最新推荐文章于 2021-08-02 22:52:43 发布

若白师妹

最新推荐文章于 2021-08-02 22:52:43 发布

阅读量1k

点赞数

文章标签：微软 button class scroll border function

本文链接：https://blog.csdn.net/ghostzp/article/details/165176

版权

<html>

.button2
{
border-right:1px solid buttonhighlight;
border-left:1px solid buttonshadow;
border-bottom:1px solid buttonhighlight;
border-top:1px solid buttonshadow
}

TD
{
cursor: hand; font-size: 9pt; font-family: 宋体; text-align: center; text-valign: middle
}

.handin
{
height:18px;
width:2px;
border-left:1px solid buttonshadow;
border-right:1px solid buttonhighlight
}

.handout
{
height:18px;
width:2px;
border-left:1px solid buttonhighlight;
border-right:1px solid buttonshadow;
}
.into
{
width:100%;
border-right:1px solid buttonhighlight;
border-left:1px solid buttonshadow;
border-bottom:1px solid buttonhighlight;
border-top:1px solid buttonshadow
}

.outto,.button1
{
background-color: buttonface;
background-repeat: repeat;
background-attachment: scroll;
border-left: 1px solid buttonhighlight;
border-right: 1px solid buttonshadow;
border-top: 1px solid buttonhighlight;
border-bottom: 1px solid buttonshadow;
background-position: 0%"
}

.button0
{

}

</style>
</head>

<body topmargin="0" leftmargin="0" bgcolor="#E0E0E0">
<script>
function change_button(num)
{
if(event.srcElement.tagName=="TD"&&event.srcElement.value=="button")
event.srcElement.className = "button"+num;
}
</script>

</div>

</body>
</html>

若白师妹

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
微软风格的按钮

.button2 { border-right:1px solid buttonhighlight; border-left:1px solid buttonshadow; border-bottom:1px solid buttonhighlight; border-top:1px solid buttonshadow } TD { cursor: hand; font-siz
复制链接

扫一扫