웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
스타일시트를 이용한 텍스트박스 스타일 제어(밑줄,점선)
2004.02.26 18:55
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>
<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>