웹마스터 팁

  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>

이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
블루호스트(Bluehost)에서 XE 제로보드 및 텍스타일 블로그 서브도메인에 설치하기 [4] file TELSTER 2011.03.25
BGM 넣기 및 간단한 제어 [2] Elinoa 2011.03.26
게시판에 회원확장변수정보 받아서 표시하기 [3] burster 2011.03.26
모두 새로 코딩된 선우님의 새로운 레이아웃.... 유샤인 2011.03.28
"현재 xe코어1.4.4.4버전에서는 익스플로어에서 페이지수정 등의 작업을 할때 에러가 자주 발생하곤 합니다." 유샤인 2011.03.29
관리자페이지 레이아웃에 게시판을 달아보자 [3] 푸름빠 2011.03.29
데이터이전 회원관련해서 알아야 할 사항 [2] 푸름빠 2011.04.03
1.4.5 업데이트후 로그인 안되시는 분들 [3] BlogJh 2011.04.03
P 개행처리를 BR처럼 Garon 2011.04.04
IE9에서 xeed 사용하기(파일첨부 및 Enter키) [2] file 전승남508 2011.04.05
[XE] 1.4.5.x 업데이트 후 레이아웃 오류 수정법 [7] file SeklutZ 2011.04.07
[모바일] 모바일웹에서 Pc버전갔다가 다시 모바일버전으로 갈라면 [1] 푸름빠 2011.04.07
내 PC에서 XE 빠르게 설치하는 방법 [7] 차오이 2011.04.10
텍스타일 카테고리 글목록수 수정 신군임니돠 2011.04.12
레이아웃 위젯 권한 넣기 [14] 해피해킹 2011.04.12
1.4.5.2로 업데이트 후 짧은 주소가 제대로 되지 않으실때... [8] file 라르게덴 2011.04.12
업데이트 어떻게 해야 오류 없이 되나요? [1] 김농주 2011.04.12
[Css]필터 관련 스타일시트 속성 [1] 웹엔진 2011.04.13
갑자기 관리자 페이지가 안보이거나 330 오류가 날 때는 이렇게 해결! [2] file 세라오빠 2011.04.13
댓글 쪽지 알림시 원본글 URL 설정 [1] unnumiya 2011.04.15
태그 쓰기