웹마스터 팁

  2. Support
  3. 웹마스터 팁

스타일시트를 이용한 텍스트박스 스타일 제어(밑줄,점선)

2004.02.26 18:55

01CODE.com

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>

이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
동영상과 함께 자막 재생하기. [4] 세강:D 2004.08.16
도메인 포워딩 하기 [4] 나준혁 2004.07.27
이미지에 필터만으로 그림자주기.. [15] Simsim 2004.07.07
어쩌다 나온 깔끔한 그레이 스크롤바.. 흠흠.. [11] ☺심심 2004.06.06
relative 속성 레이어를 이용한 메뉴를 자리차지하지 않게... [1] PHASE 2004.06.03
처음올립니다;ㅂ; 너무 신기한 거 발견;; [19] 올리못™ 2004.05.30
아이프레임 가로스크롤바 없애기 [3] 백승창 2004.05.28
아기창 뜨고 부모창 닫기 [6] 임소식 2004.05.19
플래시 swf파일 배경 투명하게 하기 ~~~ [8] kim's 2004.05.09
자동 스크롤 메뉴 (끄기 기능, 무한 스크롤 X) [6] ☺심심 2004.05.02
홈페이지 빠르게하는 [로딩속도를 높히는 10가지방법] [20] kim's 2004.04.29
[tip]간단한 반투명 필터 적용법 [2] 드래군 2004.04.21
제로보드에서 손쉽게 복사하는 소스 (아래보다 더 편함..) [2] Danggn™ 2004.04.17
(For 초보)폼안에 내용을 자동선택+자동복사해줍니다. [6] 쉬드 2004.04.10
모든 스킨에서 중국어 간체 볼 수 있도록 해주는 법... [6] 학몽 2004.03.09
스타일 시트파일을 만들기 .. [4] 박종익 2004.03.07
간단하게, 색깔있는 밑줄 긋기. [4] naughtykidd 2004.02.27
몇 가지 팁..( 좀 깁니다.. 어느 정도 안다고 생각하시는 분들, 추천 ) [3] naughtykidd 2004.02.26
스타일시트를 이용한 텍스트박스 스타일 제어(밑줄,점선) [8] 01CODE.com 2004.02.26
전송버튼의 테두리를 없애 BoA요 >_< [7] 플로렐라 2004.02.14
태그 쓰기