input box꾸미기
작성자 : 단국강토
등록날짜 : 2009.01.19 09:39
[예제로 하나 꾸며본것을 설명드립니다.]
<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로지정
<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로지정
[출처] 웹디황용
"쇼핑몰·홈페이지·오픈마켓
블로그·페이스북·이메일 등의 각종 마케팅 글쓰기, 각종 광고, 영업, 판매, 제안서, 전단지 반응율 3배×10배 이상 높이는 마법의 8단계 공식" |
☞자세히보기 |
|
|