网页设计好看的表单代码

1、只有下划线的文本框：

2、软件序列号式的输入框：

—————

3、软件序列号式的输入框(完整版)：

—————

4、输入框景背景透明：

5、鼠标划过输入框，输入框背景色变色：

style="width: 106; height: 21"

onmouseout="this.style.borderColor='black';this.style.backgroundColor='#ffffff'"

style="border-width:1px;border-color=black">

6、输入字时输入框边框闪烁(边框为小方型)：

7、输入字时输入框边框闪烁(边框为虚线)：

8、自动横向廷伸的输入框：

9、自动向下廷伸的文本框：

输入几个回车试试

一、按钮样式

.buttoncss {

font-family: "tahoma", "宋体";

font-size:9pt; color: #003399;

border: 1px #003399 solid;

color:#006699;

border-bottom: #93bee2 1px solid;

border-left: #93bee2 1px solid;

border-right: #93bee2 1px solid;

border-top: #93bee2 1px solid;

background-image:url(../images/bluebuttonbg.gif);

background-color: #e8f4ff;

cursor: hand;

font-style: normal ;

width:60px;