用CSS滤镜添加文字阴影实现凹陷文字
作者:jody 日期:2011-07-13
<div style="width:300px;padding:20px;font-size:12px; line-height:18px; background:#eeeeee;">
<font disabled="disabled">
标准之路<br>
看看,我凹下去了吧?<br>
你不想试试吗?<br>
</font>
</div>
Tags: div+css,文字加阴影,文字加描边
JS+DIV ——鼠标移上表单背景变色和文字提示
作者:jody 日期:2011-07-13
<ol id="need">
<li><label class="old_password">原始密码:</label> <input name='' type='password' id='' /></li>
<li><label class="new_password">新的密码:</label> <input name='' type='password' id='' /><dfn>(密码长度为6~20字节。不想修改请留空)</dfn></li>
<li><label class="rePassword">重复密码:</label> <input name='' type='password' id='' /></li>
<li><label class="email">邮箱设置:</label> <input name='' type='text' id='' /><dfn>(Codemoz! 承诺绝不会给您发送任何垃圾邮件。)</dfn></li>
</ol>
Tags: div+css,表单,背景
没那么简单
作者:jody 日期:2011-07-09
域名搬家啦
作者:jody 日期:2011-07-05
CSS滑动门技术自适应宽度按钮
作者:jody 日期:2011-04-11
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CSS自适应宽度圆角按钮</title>
<style>
*{margin:0; padding:0;}
body{padding:10px; font-size:12px;}
h1{margin:0; padding:10px 0; font-size:14px; font-weight:bold;}
a{background:url(图片路径) left 0; color:#fff; text-decoration:none; height:30px; float:left; cursor:hand; margin:0 5px 0 0;}
a:hover{background:url(图片路径) left -30px;height:30px;}
a span{background:url(图片路径) right 0; padding:9px 8px 5px 0; margin:0 0 0 8px; float:left; height:16px;}
a:hover span{background:url(图片路径) right -30px; color:#000; padding:9px 8px 5px 0; margin:0 0 0 8px; height:16px; }
</style>
</head>
Tags: DIV+CSS,自适应






