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

강강술냄세

· 19년 전 · 조회 3272 3272

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>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

프로그램

글쓰기

번호	제목	글쓴이	날짜	조회
730	php에 GD용 심플챠트 라이브러리 #개발자팁 #개발자 #팁자료실 #php	드렁크수달스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2718
729	싸이월드 둥근 테두리 만드는 방법 [2] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	그레이스웹 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3506
728	그라디언트 툴, 페인트 통 툴 [1] #개발자팁 #개발자 #팁자료실 #기타	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2677
727	지우개 툴(Eraser Tool, 단축키 - E) #개발자팁 #개발자 #팁자료실 #기타	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2519
726	히스토리 브러시 툴(History Brush Tool, 단축키 - Y) [1] #개발자팁 #개발자 #팁자료실 #javascript	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2335
725	도장 툴(Stamp Tool, 단축키 - S) [1] #개발자팁 #개발자 #팁자료실 #기타	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2235
724	에어 브러시 툴(Airbrush Tool, 단축키 - J) #개발자팁 #개발자 #팁자료실 #기타	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2129
723	페인트 브러시 툴(Paintbrush Tool, 단축키 - B) #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4252
722	슬라이스 툴- Slice Tool (단축키 K) #개발자팁 #개발자 #팁자료실 #javascript	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2667
721	잘라내기 툴(Crop Tool, 단축키 - C) #개발자팁 #개발자 #팁자료실 #기타	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2157
720	마술봉 툴(Magic Wand tool, 단축키 - W) #개발자팁 #개발자 #팁자료실 #기타	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2256
719	올가미 툴(Lasso Tool, 단축키 - L) #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2843
718	이동툴 Move Tool, 단축키 - V [1] #개발자팁 #개발자 #팁자료실 #기타	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1956
717	포토샵 레이어의 이해 [2] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3188
716	포토샵 해상도의 종류 #개발자팁 #개발자 #팁자료실 #javascript	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2747
715	금속성 느낌의 메뉴바 만들기 [2] #개발자팁 #개발자 #팁자료실 #기타	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2259
714	테이블 레이 아웃 만들기 입니다. [1] #개발자팁 #개발자 #팁자료실 #기타	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1813
713	점선 그리는 법... [2] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2234
712	포토샵에서 쓰이는 파일정보 입니다. [3] #개발자팁 #개발자 #팁자료실 #flash	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2006
711	♣ 영문으로 보이는 한글폰트를 한글명으로 #개발자팁 #개발자 #팁자료실 #javascript	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1897
710	포토샵 초보를 위한 알아야될 상식 #개발자팁 #개발자 #팁자료실 #기타	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2461
709	포토샵 관련 단축키 모음 #개발자팁 #개발자 #팁자료실 #기타	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2316
708	일러스트 단축키2 #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3880
707	일러스트 단축키 #개발자팁 #개발자 #팁자료실 #javascript	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3731
706	◈ swish Tip 3가지 #개발자팁 #개발자 #팁자료실 #기타	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2234
705	스타일 시트로 마우스 오버와 아웃시 바뀌는 색깔 현재 보는 글 #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	강강술냄세 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3273
704	자동으로 창크기 변환 #개발자팁 #개발자 #팁자료실 #flash	강강술냄세 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1950
703	XP서비스팩2 무시하고 새창 띄우기 #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	강강술냄세 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2382
702	mysql table 유뮤 확인 코딩[펌] #개발자팁 #개발자 #팁자료실 #mysql	드렁크수달스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2272
701	php환경 변수 출력 #개발자팁 #개발자 #팁자료실 #php	홀로남은자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2342
700	php와 자바스크립트 연동 #개발자팁 #개발자 #팁자료실 #기타	홀로남은자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2174
699	연합뉴스 뉴스티커 [2] #개발자팁 #개발자 #팁자료실 #기타	いろは 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2810
698	다들 아시는 간단한 해킹방어 대책 [1] #개발자팁 #개발자 #팁자료실 #기타	WAYKIKI 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2824
697	리눅스 cron 이용한 로컬 백업 스크립트 (mysql) #개발자팁 #개발자 #팁자료실 #mysql	WAYKIKI 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3168
696	리눅스 - cron 이용한 로컬 백업 스크립트 #개발자팁 #개발자 #팁자료실 #mysql	WAYKIKI 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3038
695	ls 명령에서 LS_COLOR 환경변수로 확장자별 색 바꾸기 #개발자팁 #개발자 #팁자료실 #javascript	WAYKIKI 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2702
694	php 날짜, 시간 함수 관련 팁 [1] #개발자팁 #개발자 #팁자료실 #javascript	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2925
693	PHP팁 (보안 등) [3] #개발자팁 #개발자 #팁자료실 #php	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3175
692	개행문자 없애기[펌] [1] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	드렁크수달스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2876
691	swf 바탕빼서 적용하기 [3] #개발자팁 #개발자 #팁자료실 #flash	날아라짱가 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2615
690	mp3 play 플래시 소스입돠~ [1] #개발자팁 #개발자 #팁자료실 #flash	헌이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2919
689	우체국- 해외발송 구역 및 나라구분 (우편번호와 비슷) #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	한대호 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4504
688	문자열 자르는 함수.. (뒷북 가능성 높음.. -_-) #개발자팁 #개발자 #팁자료실 #php	한대호 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2428
687	게시판에서 컨텐츠중 이미지 사이즈를 조정 #개발자팁 #개발자 #팁자료실 #php	한대호 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2446
686	확장자로 해당 파일의 mime 타입 알아오기. #개발자팁 #개발자 #팁자료실 #flash	한대호 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3475
685	이미지(img)를 이용한 백그라운드 통신 #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	한대호 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3154
684	파일 업로드 시 html에서 용량 제어하기 [2] #개발자팁 #개발자 #팁자료실 #php	한대호 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2803
683	돌맹이로 글자쓰기 ㅡㅡ;; 강좌... [2] #개발자팁 #개발자 #팁자료실 #javascript	한대호 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2049
682	주소 보여주기 시를 때 제가 자주 쓰는 방법 이건 조회수 빵이다 ㅡ0ㅡ; #개발자팁 #개발자 #팁자료실 #javascript	한대호 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1773
681	iframe 내용에 맞게 자동으로 크기 조절하기 [1] #개발자팁 #개발자 #팁자료실 #기타	한대호 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2875
680	[JavaScript] 익스플로러,네츠케이프 모두에서 iframe 과 비슷하게 해보자! #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	한대호 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1715
679	플레쉬 메뉴를 표방한..=ㅁ= 자바스크립트의 수작 버튼 밑으로 스크롤 되는 아이콘입니다. #개발자팁 #개발자 #팁자료실 #기타	한대호 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2306
678	희안한 css [투명한 프레임과 투명한 이미지] [1] #개발자팁 #개발자 #팁자료실 #flash	한대호 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3955
677	마우스 오버시에 텍스트 버튼느낌 style.css 와 자동 스크롤 기능 #개발자팁 #개발자 #팁자료실 #javascript	한대호 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3723
676	뽀유의 스타일시트 특별강좌 [1] #개발자팁 #개발자 #팁자료실 #기타	한대호 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3449
675	웹 폰트 적용 시키기 - 초보자용 - #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	한대호 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3406
674	접속때마다 음악 다르게 나오기 #개발자팁 #개발자 #팁자료실 #javascript	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1563
673	img 태그에 border=0을 넣지 않고 적용 [3] #개발자팁 #개발자 #팁자료실 #javascript	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1936
672	스타일시트를 이용한 배경이미지 제어 #개발자팁 #개발자 #팁자료실 #기타	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1854
671	페이지 자동 이동 방법 3가지!!! #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	한대호 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2522
670	MySQL DB 데이타 백업/복구 하는 방법 [1] #개발자팁 #개발자 #팁자료실 #mysql	한대호 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4616
669	body옆의 스크롤바흔적없애기 [1] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2757
668	소스훔쳐보기 [2] #개발자팁 #개발자 #팁자료실 #기타	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1916
667	마우스 오른쪽 버튼 사용금지 #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1929
666	마우스 룰오버시 여러가지 효과내기 #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1819
665	스위시 무비를 플래시에서 들여오기할 때 #개발자팁 #개발자 #팁자료실 #flash	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2555
664	SWF 파일 용량 줄이기 [1] #개발자팁 #개발자 #팁자료실 #flash	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	8173
663	일러스트에서 패스를 가져오자 [1] #개발자팁 #개발자 #팁자료실 #기타	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2723
662	플래쉬에서팝업창띄우기 [1] #개발자팁 #개발자 #팁자료실 #기타	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2787
661	4. 자주 쓰는 플래시 액션스크립트 용어 [2] #개발자팁 #개발자 #팁자료실 #flash	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3042
660	3. 플래시 작업을 할 때 알아두면 좋은 것들 #개발자팁 #개발자 #팁자료실 #flash	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2193
659	2. 무비 크기를 줄이기 위한 10가지 방법 #개발자팁 #개발자 #팁자료실 #flash	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2206
658	1. 메뉴보다 빠른 단축키(Hot Key)들 #개발자팁 #개발자 #팁자료실 #flash	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2170
657	여러가지팁 [1] #개발자팁 #개발자 #팁자료실 #flash	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2066
656	제품사진 수정-보정하기 [9] #개발자팁 #개발자 #팁자료실 #기타	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2254
655	포토샾 팁 72가지 [1] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2512
654	플래시 테두리 없애는 자바스크립트 자동 생성기입니다. [11] #개발자팁 #개발자 #팁자료실 #flash	날아라짱가 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3074
653	현재 페이지 URL 출력하기 [2] #개발자팁 #개발자 #팁자료실 #기타	지구인 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2328
652	디지탈카메라사진을 맘에 드는 사진으로 바꾸기(선명도와 사이즈) [2] #개발자팁 #개발자 #팁자료실 #기타	영국사랑 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1908
651	제가 쓰고 있는 컬러 색상표입니다. [1] #개발자팁 #개발자 #팁자료실 #기타	뜨락의이름 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2829
650	비 전문가를 위한 XMLHttpRequest 활용 소개. #개발자팁 #개발자 #팁자료실 #php	kail 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4996
649	업로드시 중복 파일명 체크및 새로운 이름 생성 [6] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3494
648	실시간채팅창 붙이기 플래시 버튼액션.. [5] #개발자팁 #개발자 #팁자료실 #flash	시그너스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3452
647	php폼메일로 일본어 메일 보내기 [2] #개발자팁 #개발자 #팁자료실 #javascript	いろは 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2966
646	원하는 부분만 프린트하기. [3] #개발자팁 #개발자 #팁자료실 #javascript	いろは 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2390
645	전자거래기본법(2003년 개정) #기획자팁 #기획자 #팁자료실	시그너스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1487
644	디렉토리 이미지 뷰어 [18] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3133
643	제례서식(35가지) #기획자팁 #기획자 #팁자료실	with 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2010
642	Siren24 페이지 이동없이 Socket 으로 실명인증( UTF-8) [1] #개발자팁 #개발자 #팁자료실 #php	damoa.biz 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	5373
641	디렉토리별 사용량 확인 [1] #개발자팁 #개발자 #팁자료실 #기타	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2430
640	자바스크립트로 플래시 삽입(IE 패치이후) 이곳만 없길래 올립니다. [4] #개발자팁 #개발자 #팁자료실 #flash	いろは 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3427
639	GD와 GifSicle을 이용한 animationGIF 생성하기 [4] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2852
638	객체 구성 (테이블 태그로 만든 도표) #개발자팁 #개발자 #팁자료실 #기타	가을 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1760
637	플래시 2depth Navigation 서브페이지 고정방법 [5] #개발자팁 #개발자 #팁자료실 #flash	いろは 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3877
636	[엑셀] 나만의 깔끔한 이력서 [4] #기획자팁 #기획자 #팁자료실	사무장 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2414
635	[TIP]프로그램없이 컴터 예약종료 [6] #기획자팁 #기획자 #팁자료실	사무장 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2305
634	웹호스팅서버 보안 - rkhunter 해킹여부 자동진단 &보고서 발송 [1] #개발자팁 #개발자 #팁자료실 #기타	cmpanel 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3023
633	웹호스팅서버 보안 - Open DNS 막기 [4] #개발자팁 #개발자 #팁자료실 #javascript	cmpanel 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3295
632	background 태그에서 이미지 한번만 나오게 하기 [4] #개발자팁 #개발자 #팁자료실 #기타	가을 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2495
631	자동 스크롤 메뉴 (끄기 기능) [2] #개발자팁 #개발자 #팁자료실 #javascript	가을 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2256