http://www.01code.com/webedition/FORM_InputType.html<html>
<head>
<title>http://www.01code.com[ 스타일시트를 이용한  텍스트박스 스타일 제어(밑줄,점선) ]</title>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<link rel=stylesheet href="http://css가 존재하는 주소" type=text/css>
<style type="text/css">
<!--
.box1{
        border-color:#999999; background-color:#FFFFFF; border-style:solid;
        border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px;
        color:#FF0000;
}
.box2
{
        border-color:#999999; background-color:#FFFFFF; border-style:solid;
        border-top-width:0px; border-bottom-width:1px; border-left-width:0px; border-right-width:0px;
        color:#0000FF;
}
.box3
{
        border-color:#999999; background-color:#FFFFFF; border-style:dashed;
        border-top-width:1px; border-bottom-width:1px; border-left-width:1px; border-right-width:1px;
        color:#FF0000;
}
.box4
{
        border-color:#999999; background-color:#FFFFFF; border-style:dashed;
        border-top-width:0px; border-bottom-width:1px; border-left-width:0px; border-right-width:0px;
        color:#0000FF;
}
-->
</style>
</head>
<body>
<h4>[ 스타일시트를 이용한  텍스트박스 스타일 제어(밑줄,점선) ]</h4>

<table border=0 cellpadding=10 cellspacing=0>
<tr>
        <td><b>STYLE solid</b></td>
        <td><input class=box1  type=text name="" value="01code.com" size=25 maxlength=20></td>
        <td><input class=box3  type=text name="" value="01code.com" size=25 maxlength=20></td>
</tr>
<tr>
        <td><b>STYLE dashed</b></td>
        <td><input class=box2  type=text name="" value="01code.com" size=25 maxlength=20></td>
        <td><input class=box4  type=text name="" value="01code.com" size=25 maxlength=20></td>
</tr>
</table>

</body>
</html>

이 게시물을..