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

강강술냄세

· 19년 전 · 조회 3316 3316

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>

댓글 작성

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

로그인하기

게시판 목록

프로그램

글쓰기

번호	제목	글쓴이	날짜	조회
630	MSN 메신저 대화창 거는 소스 [3] #개발자팁 #개발자 #팁자료실 #기타	가을 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2343
629	[양식] 거래약정서 일반계약 #기획자팁 #기획자 #팁자료실	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2003
628	[양식] 거래명세표 경리과 #기획자팁 #기획자 #팁자료실	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3117
627	[서식] 회의 할때 '회의록' 쓰시나여? #기획자팁 #기획자 #팁자료실	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2025
626	[서식] 휴가 갈때 쓰는 기업일반 - 휴가원 #기획자팁 #기획자 #팁자료실	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2065
625	[서식] 부동산 매각 위임계약서 #기획자팁 #기획자 #팁자료실 #계약서	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1716
624	[서식] 부동산 매매계약서 #기획자팁 #기획자 #팁자료실 #계약서	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2213
623	자바스크립트 레퍼런스 #개발자팁 #개발자 #팁자료실 #javascript	후아유 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2191
622	플래시 네비게이션 맨땅에 헤딩하기 -16- 링크복원하였습니다. [6] #개발자팁 #개발자 #팁자료실 #flash	뜨락의이름 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2503
621	Flash 8로 구현한 다중 UpLoader !? [4] #개발자팁 #개발자 #팁자료실 #flash	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2902
620	PHP 한글 메뉴얼[Professional HTML Preprocessor] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2398
619	플래시 랜덤하게 보이기 (포털사이트 배너처럼 구현) [2] #개발자팁 #개발자 #팁자료실 #flash	가을 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2461
618	계산기 자바 소스 코드 #개발자팁 #개발자 #팁자료실 #기타	가을 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3507
617	Mysql 자동증가형 필드 초기화하기 [1] #개발자팁 #개발자 #팁자료실 #mysql	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3229
616	홈페이지 자동 백업 방법 [1] #개발자팁 #개발자 #팁자료실 #mysql	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3217
615	다운로드 에이젼트의 아파치서버 접근제어하기 #개발자팁 #개발자 #팁자료실 #flash	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3033
614	Redirects 사용하기 #개발자팁 #개발자 #팁자료실 #기타	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2040
613	외부에서 이미지또는 특정 확장자에 대한 링크방지 설정하기 [2] #개발자팁 #개발자 #팁자료실 #기타	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2371
612	호스트명, 아이피로 아파치접근 허용하기 #개발자팁 #개발자 #팁자료실 #javascript	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2233
611	호스트명, 아이피로 아파치접근 차단하기 #개발자팁 #개발자 #팁자료실 #기타	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2077
610	아파치 서버정보 숨기기 #개발자팁 #개발자 #팁자료실 #기타	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2512
609	아파치를 콘솔 프로그램으로 실행하기 #개발자팁 #개발자 #팁자료실 #javascript	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2415
608	지워지지않는 디렉토리지우기 [3] #개발자팁 #개발자 #팁자료실 #javascript	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2805
607	qpopper 설치와 업그레이드 #개발자팁 #개발자 #팁자료실 #기타	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2188
606	pop3, imap 설치 [3] #개발자팁 #개발자 #팁자료실 #기타	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3522
605	포토샵 이미지레디에서 수정한 후 색상이 깨질 때 #개발자팁 #개발자 #팁자료실 #기타	가을 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1984
604	시스템 모니터링 및 시스템 최적화 정리(종합본) [1] #개발자팁 #개발자 #팁자료실 #javascript	가을 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2588
603	proftpd 이어올리기 설정 #개발자팁 #개발자 #팁자료실 #기타	가을 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1606
602	초보가 만들어본 ...이걸루 몇시간을 고생했슴... [10] #개발자팁 #개발자 #팁자료실 #javascript	Dream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2831
601	이미지 업로드 + 미리보기 [3] #개발자팁 #개발자 #팁자료실 #기타	유아원 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3072
600	register_global=off 일때 파일 업로드 방법 #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	빨간망토의비밀 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2153
599	싸이 프로필, 위 아래 이동 #개발자팁 #개발자 #팁자료실 #기타	유아원 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1992
598	무조건 링크건 화일 다운받기 [1] #개발자팁 #개발자 #팁자료실 #javascript	민지아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2475
597	디렉토리내의 모든 원소의 소유권, 그룹, 퍼미션 정보 가져와서 저장하기 [4] #개발자팁 #개발자 #팁자료실 #php	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2385
596	김영보님의 Ajax 활용 세미나 안내 [1] #개발자팁 #개발자 #팁자료실 #javascript	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3071
595	jinoxst님의 AJAX 강의 1장 부터 7-4강까지! [4] #개발자팁 #개발자 #팁자료실 #기타	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	6749
594	계약서 .. 방계약서입니다 [4] #기획자팁 #기획자 #팁자료실 #계약서	김숙이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2703
593	디렉토리 용량 체크 (윈도우 리눅스 공용) [6] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3183
592	password() 의 함수로 암호화한 스크립트를 복호화 할수 없습니다.!! [1] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	damoa.biz 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3086
591	[Dictionary] Web PHP Function Reference #개발자팁 #개발자 #팁자료실 #기타	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1924
590	insertRow,insertCell,createElement,innerHTML [2] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3363
589	개울가 휴식 - 잠시나마 더위 식히시길... [10] #개발자팁 #개발자 #팁자료실 #flash	블루스톤 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2204
588	ㅝ~~ 플래쉬~ 오른쪽 마우스 버튼 못쓰게?! [1] #개발자팁 #개발자 #팁자료실 #flash	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2704
587	디렉토리별 용량체크 (Linux server) [3] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	가을 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2343
586	플래시 링크를 자바스크립트로 빼기 [8] #개발자팁 #개발자 #팁자료실 #flash	cunic 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4357
585	날씨? [6] #개발자팁 #개발자 #팁자료실 #기타	알라뷰 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2484
584	ajax 영문 tutorial #개발자팁 #개발자 #팁자료실 #javascript	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2750
583	[영문] Ajax 사이트 한곳 더 소개 합니다~! [1] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3515
582	Ajax의 표기와 발음에 관한 의견! [4] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3715
581	[AJAX의 장점?] 사적인 관점에서 봤을때 장점? [1] #개발자팁 #개발자 #팁자료실 #javascript	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3247
580	이번 달의 마지막 날 알아 오는 함수 [3] #개발자팁 #개발자 #팁자료실 #mysql	rolo 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2477
579	검색엔진에 홈페이지 등록시 높은 순위에 등록방법 [11] #기획자팁 #기획자 #팁자료실	와우맨 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3066
578	httpd.conf 파일 완벽 가이드(1.3X) [5] #개발자팁 #개발자 #팁자료실 #php	가을 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3957
577	PHP 속도를 향상시키는 방법들 [9] #개발자팁 #개발자 #팁자료실 #mysql	izen 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3801
576	이력서 양식 #기획자팁 #기획자 #팁자료실	서동요 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1738
575	Crazyfiles.com의 Main page Source !! [1] #개발자팁 #개발자 #팁자료실 #javascript	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2202
574	너무나도 유용한 플래쉬 메뉴입니다 [11] #개발자팁 #개발자 #팁자료실 #flash	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	5399
573	object의 param태그 속성과 속성값 [5] #개발자팁 #개발자 #팁자료실 #flash	가을 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	6709
572	asx가 필요없는 배경음악 랜덤연속재생... [1] #개발자팁 #개발자 #팁자료실 #기타	시그너스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2559
571	웹서버 지원 변수를 확인 [4] #개발자팁 #개발자 #팁자료실 #기타	izen 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2103
570	php.ini [3] #개발자팁 #개발자 #팁자료실 #mysql	izen 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2601
569	php로 만든 디비 백업스크립트(쉘용) [7] #개발자팁 #개발자 #팁자료실 #mysql	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3295
568	움직이는 gif도 썸네일을 만들수 있는 함수 [5] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3521
567	gd를 이용한 썸네일 만들기 [2] #개발자팁 #개발자 #팁자료실 #기타	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2980
566	netpbm을 이용한 썸네일 만들기 #개발자팁 #개발자 #팁자료실 #javascript	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2596
565	Ajax에서 [즐겨찾기]와 [뒤로가기]를 다루는 방법! [2] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4713
564	Ajax 한글 깨지지 않게 하는 방법을 알아 봅시다~! #개발자팁 #개발자 #팁자료실 #php	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	6725
563	초짜를 위한 Ajax 입문하기 좋은 소스 [5] #개발자팁 #개발자 #팁자료실 #mysql	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4992
562	Ajax로 메뉴가 이동(Drag & Drop) 되는 사이트소개! [4] #개발자팁 #개발자 #팁자료실 #javascript	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	5943
561	초짜의 영문Flash 도움말 한글로 바꿔여~~! [3] #개발자팁 #개발자 #팁자료실 #flash	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2688
560	초짜의 여러가지 텍스트 Effects 연습 [3] [2] #개발자팁 #개발자 #팁자료실 #flash	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2532
559	초짜의 여러가지 텍스트 Effects 연습 [2] [1] #개발자팁 #개발자 #팁자료실 #flash	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2219
558	초짜의 여러가지 텍스트 Effects 연습 [1] #개발자팁 #개발자 #팁자료실 #flash	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2295
557	배경 이미지 넣기(화면 왼쪽에 작은 이미지 고정으로) [3] #개발자팁 #개발자 #팁자료실 #기타	rolo 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4591
556	CSS 사전입니다.(zip 압축파일) [13] #퍼블리셔팁 #퍼블리셔 #팁자료실 #기타	Photofly 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4662
555	mysql 루트 권한이 있다면 모든 데이타베이스의 모든 테이블을 한꺼번에 최적화 하는 것 [4] #개발자팁 #개발자 #팁자료실 #mysql	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2499
554	간단한 디렉토리 인덱싱 시스템(규칙에 맞는것만 보여줌) [1] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2172
553	셀렉트에 스타일을 적용하자 [3] #개발자팁 #개발자 #팁자료실 #javascript	터미 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2517
552	CSS 사전 입니다. [11] #개발자팁 #개발자 #팁자료실 #기타	Photofly 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3156
551	결재란 만들기 [1] #기획자팁 #기획자 #팁자료실	하기 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2935
550	숨어있는 레이어에 마우스를 대면 외부문서를 슬라이딩 해 불러옵니다 #개발자팁 #개발자 #팁자료실 #기타	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1890
549	프레임에서 사용하면 공간을 절약할 수 있는 폴더 트리형 메뉴 스크립트 #개발자팁 #개발자 #팁자료실 #기타	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1952
548	부드럽게 스크롤 되는 트리구조형 메뉴 스크립트 [2] #개발자팁 #개발자 #팁자료실 #javascript	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3141
547	스타일 시트를 이용한 롤오버 버튼 메뉴 효과 나타내기 #개발자팁 #개발자 #팁자료실 #기타	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2355
546	롤오버 이미지를 사용할 수 있는 심플한 드롭다운 메뉴 #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3612
545	부드럽게 슬라이딩되는 MFX 메뉴에 롤오버 효과를 더한 메뉴 스크립트 [1] #개발자팁 #개발자 #팁자료실 #javascript	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2541
544	마우스를 움직이면 화살표가 따라 움직이고, 클릭하면 화살표가 붙어 있는 롤오버 메뉴 스크립트 만들기 #개발자팁 #개발자 #팁자료실 #기타	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1847
543	하부메뉴가 보였다가 숨겨졌다 하는 토글버튼이 있는 메뉴 스크립트 #개발자팁 #개발자 #팁자료실 #기타	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2451
542	위에서 하나씩 떨어지는 메뉴 스크립트 #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1723
541	CSS 지원 여부에 따른 리다이렉트 시키기 스크립트 #개발자팁 #개발자 #팁자료실 #기타	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1403
540	이 브라우저로 몇페이지나 보았나?? #개발자팁 #개발자 #팁자료실 #javascript	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1530
539	사용자 브라우저에서 자바지원 여부에 따라 리다이렉트 시키기 [1] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1796
538	사용자 브라우저의 자바 버전 알려주기 #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1578
537	사용자 웹브라우저의 디폴트 언어에 따라 리다이렉트 시키기 #개발자팁 #개발자 #팁자료실 #javascript	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1777
536	반드시 첫페이지를 거쳐 들어와야 합니다 #개발자팁 #개발자 #팁자료실 #기타	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1559
535	브라우저의 종류에 따라 다른 새로운 페이지 띄우기 #개발자팁 #개발자 #팁자료실 #기타	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1955
534	윈,맥용 사이트를 운영할때 각각 다른 다운로드 사이트로 이동시키기 #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1841
533	사용자 브라우저의 플러그인 상태에 따라 다른 페이지로 이동시키기 #개발자팁 #개발자 #팁자료실 #기타	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1441
532	사용자 브라우저의 펄러그인 목록 출력하기 #개발자팁 #개발자 #팁자료실 #javascript	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1440
531	사용자의 해상도에 따라 각기 다른 페이지로 리다이렉트 시키기 #개발자팁 #개발자 #팁자료실 #기타	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1353