이전
목록
다음
스

스타일 시트로 마우스 오버와 아웃시 바뀌는 색깔

강강술냄세
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 2006-07-19 (수) 23:21:27 · 4264
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>
#퍼블리셔팁 #퍼블리셔 #팁자료실 #html
|
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
10-09-25 조회 2,712
10-09-19 조회 2,746
10-09-15 조회 2,748
10-09-15 조회 4,153
10-09-15 조회 3,370
10-09-15 조회 2,482
10-09-07 조회 3,596
10-08-27 조회 4,055
10-06-11 조회 4,214
10-05-31 조회 2,460
10-02-27 조회 4,993
10-02-09 조회 3,744
09-10-10 조회 7,333
09-03-19 조회 3,179
09-02-09 조회 3,457
09-02-09 조회 4,525
08-11-01 조회 2,904
08-09-29 조회 4,556
08-09-26 조회 3,509
08-09-26 조회 3,588
08-09-26 조회 2,723
08-09-26 조회 3,766
08-09-26 조회 3,489
08-09-26 조회 4,252
08-09-18 조회 3,566
08-09-09 조회 3,221
08-08-28 조회 2,758
08-07-06 조회 3,535
08-05-21 조회 4,690
08-05-13 조회 4,529
08-04-17 조회 4,904
08-02-19 조회 3,532
08-01-18 조회 3,838
08-01-10 조회 3,809
07-10-22 조회 3,651
07-10-09 조회 4,294
07-10-03 조회 3,503
07-07-06 조회 4,210
07-07-06 조회 4,424
07-07-06 조회 4,034
07-06-28 조회 3,561
07-06-05 조회 3,563
07-06-05 조회 4,108
07-05-30 조회 3,275
07-05-02 조회 3,683
07-04-15 조회 5,131
07-04-11 조회 3,622
07-04-05 조회 3,920
07-03-31 조회 3,148
07-03-31 조회 4,122
07-03-30 조회 3,728
07-03-24 조회 3,999
07-03-22 조회 3,655
07-03-12 조회 4,404
07-02-16 조회 3,264
07-02-14 조회 5,163
07-02-10 조회 3,988
07-02-09 조회 4,376
07-01-19 조회 4,036
07-01-16 조회 4,965
06-12-16 조회 5,831
06-11-30 조회 3,593
06-11-25 조회 3,691
06-10-15 조회 5,061
06-09-26 조회 5,305
06-09-26 조회 5,421
06-09-22 조회 4,255
06-09-21 조회 3,539
06-09-21 조회 3,629
06-09-02 조회 3,480
06-08-08 조회 5,113
06-07-20 조회 3,713
06-07-17 조회 3,346
06-07-13 조회 4,165
06-07-11 조회 3,460
06-07-11 조회 3,466
06-07-11 조회 3,829
06-06-29 조회 6,044
06-06-19 조회 6,450
06-06-02 조회 3,498
06-05-24 조회 4,987
06-05-14 조회 7,768
06-05-08 조회 3,879
06-02-02 조회 5,449
05-12-16 조회 4,496
05-12-05 조회 5,153
05-06-28 조회 4,098
05-04-11 조회 4,053
05-04-11 조회 4,244
05-04-11 조회 3,310
05-03-13 조회 3,213
05-03-12 조회 4,293
04-12-08 조회 7,772
04-12-01 조회 5,175
04-11-28 조회 3,343
04-11-28 조회 3,187
04-08-05 조회 5,605
04-08-05 조회 4,949
04-08-05 조회 5,559
글쓰기