웹마스터 팁
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>
댓글 8
-
뮤즈™
2004.06.19 03:25
-
naughtykidd
2004.02.26 20:00
.. -_-a 검색엔진에서 스타일시트만 때리면 널린 걸 왜 굳이 여기에.. 훔 -
Ryan
2004.02.27 18:11
너무 널려서, 찾기가 힘들수도 있잖아요. ^^; 저는 도움이 되었는데요. ^^; -
Pe-i
2004.02.29 17:59
naughtykidd//님이 올린 팁도 널린 팁인것은 마찬가지랍니다 ^ㅡ^; -
장이
2004.03.02 18:06
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
-> background-color:#FFFFFF;color:#0000FF;border-bottom:solid 1 이렇게 해도 되지 않나요? -
플로렐라
2004.03.06 12:47
border-top-width:0px; border-bottom-width:1px; border-left-width:0px; border-right-width:0px;
->
border-width:0 0 1 0; ok? -
얌체베베
2004.05.27 01:57
저같은 초보자에게는 좋네요~ ^-^ -
보쌈하림♬
2005.01.19 22:47
네 뮤즈님이랑 얌체베베님 말이 맞죠,널려진 팁이라도 모르는 사람이 있는데..ㅎㅎ
저도 감사하게 쓸게요,ㅎㅎ
널린거라도 모르시는 분들도 많으실테궁.. 좋게좋게 생각합시당..