input박스를 꾸며보세요.

[예제로 하나 꾸며본것을 설명드립니다.]

<input type=text name=user_id size="9" onmouseover="this.style.backgroundColor='transparent'" onmouseout="this.style.backgroundColor='transparent'" style="font-size:8pt;color:white;background-color:transparent;border-width:1px; border-color:skyblue; border-style:solid;height:15px;">

위에것을 만드신곳에 적용해보세요



꾸미는 요소들입니다.
onmouseover="this.style.backgroundColor='transparent'"

-무우스를 올렸을때 나타나는색 지정 현재투명(transparent)

onmouseout="this.style.backgroundColor='transparent'"

-마우스를 올린뒤 변하는 색 지정 현재투명(transparent)

style="font-size:8pt;color:white;background-color:transparent;border-width:1px; border-color:skyblue; border-style:solid;height:15px;">

[스탈일지정설명]
font-size:8pt 폰트크기를 8pt로 지정
background-color:transparent 박스내 배경색지정 (현재투명)
border-width:1px 테두리 값을 1넓이로지정
border-color:skyblue 1넓이로 지정한 테두리 색지정(현재색:skyblue) - skyblue대신색상값을넣으세요
border-style:solid 모양지정
height:15px 높이를 15px로지정<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:54:41 CSS에서 이동 됨]</div>