制作只有下划线的输入框

一、在CSS中加入如下字段属性

.input {

font-family:Tahoma, Arial, 宋体;

font-size: 8pt;

line-height:15px;

COLOR: #000000;

border-top-style: none;

border-right-style: none;

border-bottom-style: dashed;

border-left-style: none;

border-bottom-color: #000000;

border-top-width: 0px;

border-right-width: 0px;

border-bottom-width: 1px;

border-left-width: 0px;

}，

二、在html中这样写

<html>

<head>

</head>

<body>

填空题:<inputtype="text"class="input"/>

</body>

</html>

三、边框线型选择

dotted :  在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线d

ashed :  在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线

solid :  实线边框

double :  双线边框。两条单线与其间隔的和等于指定的border-width值

groove :  根据border-color的值画3D凹槽

ridge :  根据border-color的值画菱形边框

inset :  根据border-color的值画3D凹边

outset :  根据border-color的值画3D凸边

赶紧试试吧！！！

posted @ 2013-04-24 10:15  疯情万种  阅读(711)  评论(0)    收藏  举报