上一篇
下一篇
一个不错的文本框的样式
作者:Huison 日期:2006-09-27
在大大IT博客里发现的,删除了CSS里一些属性.发现效果没有变.
我用的是WIN XP + IE6.0
程序代码
<html>
<head>
<title>css-文本框</title>
<style type="text/css">
<!--
.box1,.box2 { width:144px; height:22px; line-height:22px; border:1px solid #A9BAC9;background:url(http://cn.yimg.com/i/mail/06/bg_box1.gif) no-repeat #fff; padding:0 3px; font-size:12px; }
.box2 { border:1px solid #9ECC00;}
-->
</style>
</head>
<body>
<INPUT class=box1 id=login
onmouseover="this.className='box2'" onMouseOut="this.className='box1'"
name=login>
</body>
</html>
我用的是WIN XP + IE6.0
程序代码<html>
<head>
<title>css-文本框</title>
<style type="text/css">
<!--
.box1,.box2 { width:144px; height:22px; line-height:22px; border:1px solid #A9BAC9;background:url(http://cn.yimg.com/i/mail/06/bg_box1.gif) no-repeat #fff; padding:0 3px; font-size:12px; }
.box2 { border:1px solid #9ECC00;}
-->
</style>
</head>
<body>
<INPUT class=box1 id=login
onmouseover="this.className='box2'" onMouseOut="this.className='box1'"
name=login>
</body>
</html>
文章来自: 
引用通告: 
Tags: 评论: 6 | 引用: 0 | 查看次数: 8784
- 1
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa 
cgfvbxfdxfdh 
你可以看看我上面的《显示隐藏层》,就是你要的效果[razz]
收下了~不知道你有这种效果代码吗?
实现 側栏 能收起 落下 就和SN~BLOG 一个样.这样就可以节省很多空间,打开主页默认是收起的.
实现 側栏 能收起 落下 就和SN~BLOG 一个样.这样就可以节省很多空间,打开主页默认是收起的.
- 1
发表评论
朋友,用心良苦啊!