刚在网上看到一个很不错的网站导航栏效果,富有动态感,摘下来收藏先~
标签归档:CSS
简单的CSS实现细线表格
利用CSS可简单实现细线表格
代码如下:
CSS模拟title和alt的提示效果
分析:在鼠标悬停的时候出现一个包含介绍文字的提示层,如果用传统的javascript来实现,就要设置对象的onmouseover和onmouseout属性,而如果把对象看作是a属性中的link和hover的话,这个问题就更清晰了,因为只要把对象的link属性设置为隐藏提示层、hover属性设置为呈现提示层即可,那么这个提示层的位置究竟在哪里呢?当然是在a标签中间了,目前常用的办法是把提示内容放在span标签中间进而包含在a标签内部,然后设置a:link和a:hover下不同的span样式即可。
DIV+CSS作出一些小三角的形状
用DIV+CSS可以作出很多不同形状的角形,以下是一些小三角,可以举一反三,做出更多的
代码如下:
文本框和密码框长度和高度不一样的解决方法
因为密码默认都用·代替了文字,所以肯定是比文本要小,如果用CSS定义就不会出现问题啦。
代码如下:
1 2 3 4 5 6 7 | <form name="admin_login" method="post" action="admin_check.asp"> 账号: <input name="admin_user" type="text" style="width:120px;height:25px;"> 密码: <input name="admin_pswd" type="password" style="width:120px;height:25px;"> <input type="image" name="sumbit" src="images/login_sumbit.gif" width="60" height="20" border="0"> </form> |