웹마스터 팁
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
제목 | 글쓴이 | 날짜 |
---|---|---|
자동으로 새로고침되게 하기 [5] | 권대건 | 2004.01.05 |
그림위에 마우스를 올렸을때 그림저장 버튼 안나타나게 하기...
[17]
![]() | PHASE | 2004.01.19 |
마우스 오버시 서브메뉴 나타나게 하는방법 입니다 [12] | 키드 | 2004.01.26 |
옅은 그레이 쓸때 붉은빛 들어가는경우 [10] | 김영호 | 2004.01.29 |
nzeo처럼 배너누르면 배너다는법 나오게하기! [6] | Rollrang | 2004.02.05 |
전송버튼의 테두리를 없애 BoA요 >_< [7] | 플로렐라 | 2004.02.14 |
스타일시트를 이용한 텍스트박스 스타일 제어(밑줄,점선) [8] | 01CODE.com | 2004.02.26 |
몇 가지 팁..( 좀 깁니다.. 어느 정도 안다고 생각하시는 분들, 추천 ) [3] | naughtykidd | 2004.02.26 |
간단하게, 색깔있는 밑줄 긋기. [4] | naughtykidd | 2004.02.27 |
서브 메뉴 나타났다가 사라지게 하는 방법. 그동안의 노가다는 이젠 끝!
[22]
![]() | CoolUnit | 2004.03.01 |
스타일 시트파일을 만들기 .. [4] | 박종익 | 2004.03.07 |
모든 스킨에서 중국어 간체 볼 수 있도록 해주는 법... [6] | 학몽 | 2004.03.09 |
(For 초보)폼안에 내용을 자동선택+자동복사해줍니다. [6] | 쉬드 | 2004.04.10 |
제로보드에서 손쉽게 복사하는 소스 (아래보다 더 편함..) [2] | Danggn™ | 2004.04.17 |
[tip]간단한 반투명 필터 적용법 [2] | 드래군 | 2004.04.21 |
홈페이지 빠르게하는 [로딩속도를 높히는 10가지방법] [20] | kim's | 2004.04.29 |
자동 스크롤 메뉴 (끄기 기능, 무한 스크롤 X) [6] | ☺심심 | 2004.05.02 |
허접 팁....레이어로 플래시 뺨치는 홈페이지 만들기 -추가-
[17]
![]() | 남규성 | 2004.05.05 |
플래시 swf파일 배경 투명하게 하기 ~~~ [8] | kim's | 2004.05.09 |
아기창 뜨고 부모창 닫기 [6] | 임소식 | 2004.05.19 |