[HTML] 텍스트 박스를 이쁘게 만들기

[HTML] 텍스트 박스를 이쁘게 만들기

Q.

텍스트 박스로 입력받을때 걍<input type=text size=10 name=name>이렇게 만들면 투박하잖아요.. 

글씨두 색깔로 입력되고 또 박스도 칼라에다가 그냥 선만 그어져 있는데 입력되는 거 많던데 그거 어떻게 만드나요?? 색깔이뿐걸루요..

A.

Style을 지정해 주면 됩니다.

border-top은 위쪽라인, bottom은 아랫쪽, left는 왼쪽, right는 오른쪽라인 입니다.

그리고 solid든 직선 dotted는 점선이구요.

#(숫자)는 색상이고, (숫자)px는 크기입니다.

font-size: 9pt는 글자크기, color는 글자색을 바꿉니다.

size는 입력상자의 크기를 정하구요.

<input type="text" style="background-color:#FFFFFF; border-top: 0px solid #646464; border-bottom: 1px solid #FF6464; border-left: 0px solid #646464; border-right: 0px solid #646464; color: #886600; font-size: 9pt; font-family:verdana" value="TextBox" size=8>

아래는 점선으로 된 상자를 보여줍니다.

<input type="text" style="background-color:#FEEEE2; border-top: 1px dotted #E1763C; border-bottom: 1px dotted #E1763C; border-left: 1px dotted #E1763C; border-right: 1px dotted #E1763C; color: #E1763C; font-size: 9pt; font-family:verdana" value="TextBox" size=8>