본문 바로가기

컴퓨터/언어,프로그래밍

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

홈페이지 만드려는데여.. 텍스트 박스로 입력받을때 걍<input type=text size=10 name=name>이렇게 만들면 투박하자나요.. 요새 글씨두 색깔로 입력되고 또 박스도 칼라에다가 그냥 선만 그어져 있는데 입력되는 거 많던데 그거 어떻게 만드나요?? 색깔이뿐걸루요..

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="cutegirl" 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="" size=8>

제주삼다수, 2L,... 오뚜기 진라면 매운... 상하목장 유기농 흰... 남양 프렌치카페 카... 고려인삼유통 홍삼 ... 종근당건강 오메가3... 요이치 카링 유무선...