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

강강술냄세

· 19년 전 · 조회 3299 3299

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년 전	2334
629	[양식] 거래약정서 일반계약 #기획자팁 #기획자 #팁자료실	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1998
628	[양식] 거래명세표 경리과 #기획자팁 #기획자 #팁자료실	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3107
627	[서식] 회의 할때 '회의록' 쓰시나여? #기획자팁 #기획자 #팁자료실	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2013
626	[서식] 휴가 갈때 쓰는 기업일반 - 휴가원 #기획자팁 #기획자 #팁자료실	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2059
625	[서식] 부동산 매각 위임계약서 #기획자팁 #기획자 #팁자료실 #계약서	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1708
624	[서식] 부동산 매매계약서 #기획자팁 #기획자 #팁자료실 #계약서	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2209
623	자바스크립트 레퍼런스 #개발자팁 #개발자 #팁자료실 #javascript	후아유 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2187
622	플래시 네비게이션 맨땅에 헤딩하기 -16- 링크복원하였습니다. [6] #개발자팁 #개발자 #팁자료실 #flash	뜨락의이름 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2494
621	Flash 8로 구현한 다중 UpLoader !? [4] #개발자팁 #개발자 #팁자료실 #flash	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2884
620	PHP 한글 메뉴얼[Professional HTML Preprocessor] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2390
619	플래시 랜덤하게 보이기 (포털사이트 배너처럼 구현) [2] #개발자팁 #개발자 #팁자료실 #flash	가을 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2456
618	계산기 자바 소스 코드 #개발자팁 #개발자 #팁자료실 #기타	가을 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3503
617	Mysql 자동증가형 필드 초기화하기 [1] #개발자팁 #개발자 #팁자료실 #mysql	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3221
616	홈페이지 자동 백업 방법 [1] #개발자팁 #개발자 #팁자료실 #mysql	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3209
615	다운로드 에이젼트의 아파치서버 접근제어하기 #개발자팁 #개발자 #팁자료실 #flash	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3022
614	Redirects 사용하기 #개발자팁 #개발자 #팁자료실 #기타	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2031
613	외부에서 이미지또는 특정 확장자에 대한 링크방지 설정하기 [2] #개발자팁 #개발자 #팁자료실 #기타	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2359
612	호스트명, 아이피로 아파치접근 허용하기 #개발자팁 #개발자 #팁자료실 #javascript	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2227
611	호스트명, 아이피로 아파치접근 차단하기 #개발자팁 #개발자 #팁자료실 #기타	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2068
610	아파치 서버정보 숨기기 #개발자팁 #개발자 #팁자료실 #기타	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2503
609	아파치를 콘솔 프로그램으로 실행하기 #개발자팁 #개발자 #팁자료실 #javascript	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2415
608	지워지지않는 디렉토리지우기 [3] #개발자팁 #개발자 #팁자료실 #javascript	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2803
607	qpopper 설치와 업그레이드 #개발자팁 #개발자 #팁자료실 #기타	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2182
606	pop3, imap 설치 [3] #개발자팁 #개발자 #팁자료실 #기타	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3508
605	포토샵 이미지레디에서 수정한 후 색상이 깨질 때 #개발자팁 #개발자 #팁자료실 #기타	가을 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1976
604	시스템 모니터링 및 시스템 최적화 정리(종합본) [1] #개발자팁 #개발자 #팁자료실 #javascript	가을 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2578
603	proftpd 이어올리기 설정 #개발자팁 #개발자 #팁자료실 #기타	가을 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1603
602	초보가 만들어본 ...이걸루 몇시간을 고생했슴... [10] #개발자팁 #개발자 #팁자료실 #javascript	Dream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2828
601	이미지 업로드 + 미리보기 [3] #개발자팁 #개발자 #팁자료실 #기타	유아원 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3069
600	register_global=off 일때 파일 업로드 방법 #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	빨간망토의비밀 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2152
599	싸이 프로필, 위 아래 이동 #개발자팁 #개발자 #팁자료실 #기타	유아원 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1992
598	무조건 링크건 화일 다운받기 [1] #개발자팁 #개발자 #팁자료실 #javascript	민지아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2466
597	디렉토리내의 모든 원소의 소유권, 그룹, 퍼미션 정보 가져와서 저장하기 [4] #개발자팁 #개발자 #팁자료실 #php	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2380
596	김영보님의 Ajax 활용 세미나 안내 [1] #개발자팁 #개발자 #팁자료실 #javascript	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3068
595	jinoxst님의 AJAX 강의 1장 부터 7-4강까지! [4] #개발자팁 #개발자 #팁자료실 #기타	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	6744
594	계약서 .. 방계약서입니다 [4] #기획자팁 #기획자 #팁자료실 #계약서	김숙이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2703
593	디렉토리 용량 체크 (윈도우 리눅스 공용) [6] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3180
592	password() 의 함수로 암호화한 스크립트를 복호화 할수 없습니다.!! [1] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	damoa.biz 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3080
591	[Dictionary] Web PHP Function Reference #개발자팁 #개발자 #팁자료실 #기타	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1920
590	insertRow,insertCell,createElement,innerHTML [2] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3360
589	개울가 휴식 - 잠시나마 더위 식히시길... [10] #개발자팁 #개발자 #팁자료실 #flash	블루스톤 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2200
588	ㅝ~~ 플래쉬~ 오른쪽 마우스 버튼 못쓰게?! [1] #개발자팁 #개발자 #팁자료실 #flash	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2699
587	디렉토리별 용량체크 (Linux server) [3] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	가을 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2341
586	플래시 링크를 자바스크립트로 빼기 [8] #개발자팁 #개발자 #팁자료실 #flash	cunic 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4352
585	날씨? [6] #개발자팁 #개발자 #팁자료실 #기타	알라뷰 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2473
584	ajax 영문 tutorial #개발자팁 #개발자 #팁자료실 #javascript	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2743
583	[영문] Ajax 사이트 한곳 더 소개 합니다~! [1] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3508
582	Ajax의 표기와 발음에 관한 의견! [4] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3709
581	[AJAX의 장점?] 사적인 관점에서 봤을때 장점? [1] #개발자팁 #개발자 #팁자료실 #javascript	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3237
580	이번 달의 마지막 날 알아 오는 함수 [3] #개발자팁 #개발자 #팁자료실 #mysql	rolo 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2471
579	검색엔진에 홈페이지 등록시 높은 순위에 등록방법 [11] #기획자팁 #기획자 #팁자료실	와우맨 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3051
578	httpd.conf 파일 완벽 가이드(1.3X) [5] #개발자팁 #개발자 #팁자료실 #php	가을 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3939
577	PHP 속도를 향상시키는 방법들 [9] #개발자팁 #개발자 #팁자료실 #mysql	izen 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3790
576	이력서 양식 #기획자팁 #기획자 #팁자료실	서동요 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1729
575	Crazyfiles.com의 Main page Source !! [1] #개발자팁 #개발자 #팁자료실 #javascript	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2193
574	너무나도 유용한 플래쉬 메뉴입니다 [11] #개발자팁 #개발자 #팁자료실 #flash	happycommunity 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	5398
573	object의 param태그 속성과 속성값 [5] #개발자팁 #개발자 #팁자료실 #flash	가을 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	6704
572	asx가 필요없는 배경음악 랜덤연속재생... [1] #개발자팁 #개발자 #팁자료실 #기타	시그너스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2552
571	웹서버 지원 변수를 확인 [4] #개발자팁 #개발자 #팁자료실 #기타	izen 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2101
570	php.ini [3] #개발자팁 #개발자 #팁자료실 #mysql	izen 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2596
569	php로 만든 디비 백업스크립트(쉘용) [7] #개발자팁 #개발자 #팁자료실 #mysql	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3275
568	움직이는 gif도 썸네일을 만들수 있는 함수 [5] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3510
567	gd를 이용한 썸네일 만들기 [2] #개발자팁 #개발자 #팁자료실 #기타	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2979
566	netpbm을 이용한 썸네일 만들기 #개발자팁 #개발자 #팁자료실 #javascript	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2590
565	Ajax에서 [즐겨찾기]와 [뒤로가기]를 다루는 방법! [2] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4706
564	Ajax 한글 깨지지 않게 하는 방법을 알아 봅시다~! #개발자팁 #개발자 #팁자료실 #php	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	6716
563	초짜를 위한 Ajax 입문하기 좋은 소스 [5] #개발자팁 #개발자 #팁자료실 #mysql	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4983
562	Ajax로 메뉴가 이동(Drag & Drop) 되는 사이트소개! [4] #개발자팁 #개발자 #팁자료실 #javascript	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	5938
561	초짜의 영문Flash 도움말 한글로 바꿔여~~! [3] #개발자팁 #개발자 #팁자료실 #flash	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2677
560	초짜의 여러가지 텍스트 Effects 연습 [3] [2] #개발자팁 #개발자 #팁자료실 #flash	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2512
559	초짜의 여러가지 텍스트 Effects 연습 [2] [1] #개발자팁 #개발자 #팁자료실 #flash	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2211
558	초짜의 여러가지 텍스트 Effects 연습 [1] #개발자팁 #개발자 #팁자료실 #flash	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2291
557	배경 이미지 넣기(화면 왼쪽에 작은 이미지 고정으로) [3] #개발자팁 #개발자 #팁자료실 #기타	rolo 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4586
556	CSS 사전입니다.(zip 압축파일) [13] #퍼블리셔팁 #퍼블리셔 #팁자료실 #기타	Photofly 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4651
555	mysql 루트 권한이 있다면 모든 데이타베이스의 모든 테이블을 한꺼번에 최적화 하는 것 [4] #개발자팁 #개발자 #팁자료실 #mysql	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2492
554	간단한 디렉토리 인덱싱 시스템(규칙에 맞는것만 보여줌) [1] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2168
553	셀렉트에 스타일을 적용하자 [3] #개발자팁 #개발자 #팁자료실 #javascript	터미 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2506
552	CSS 사전 입니다. [11] #개발자팁 #개발자 #팁자료실 #기타	Photofly 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3142
551	결재란 만들기 [1] #기획자팁 #기획자 #팁자료실	하기 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2928
550	숨어있는 레이어에 마우스를 대면 외부문서를 슬라이딩 해 불러옵니다 #개발자팁 #개발자 #팁자료실 #기타	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1886
549	프레임에서 사용하면 공간을 절약할 수 있는 폴더 트리형 메뉴 스크립트 #개발자팁 #개발자 #팁자료실 #기타	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1948
548	부드럽게 스크롤 되는 트리구조형 메뉴 스크립트 [2] #개발자팁 #개발자 #팁자료실 #javascript	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3135
547	스타일 시트를 이용한 롤오버 버튼 메뉴 효과 나타내기 #개발자팁 #개발자 #팁자료실 #기타	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2355
546	롤오버 이미지를 사용할 수 있는 심플한 드롭다운 메뉴 #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3609
545	부드럽게 슬라이딩되는 MFX 메뉴에 롤오버 효과를 더한 메뉴 스크립트 [1] #개발자팁 #개발자 #팁자료실 #javascript	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2534
544	마우스를 움직이면 화살표가 따라 움직이고, 클릭하면 화살표가 붙어 있는 롤오버 메뉴 스크립트 만들기 #개발자팁 #개발자 #팁자료실 #기타	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1843
543	하부메뉴가 보였다가 숨겨졌다 하는 토글버튼이 있는 메뉴 스크립트 #개발자팁 #개발자 #팁자료실 #기타	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2448
542	위에서 하나씩 떨어지는 메뉴 스크립트 #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1714
541	CSS 지원 여부에 따른 리다이렉트 시키기 스크립트 #개발자팁 #개발자 #팁자료실 #기타	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1398
540	이 브라우저로 몇페이지나 보았나?? #개발자팁 #개발자 #팁자료실 #javascript	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1525
539	사용자 브라우저에서 자바지원 여부에 따라 리다이렉트 시키기 [1] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1792
538	사용자 브라우저의 자바 버전 알려주기 #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1569
537	사용자 웹브라우저의 디폴트 언어에 따라 리다이렉트 시키기 #개발자팁 #개발자 #팁자료실 #javascript	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1768
536	반드시 첫페이지를 거쳐 들어와야 합니다 #개발자팁 #개발자 #팁자료실 #기타	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1554
535	브라우저의 종류에 따라 다른 새로운 페이지 띄우기 #개발자팁 #개발자 #팁자료실 #기타	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1952
534	윈,맥용 사이트를 운영할때 각각 다른 다운로드 사이트로 이동시키기 #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1837
533	사용자 브라우저의 플러그인 상태에 따라 다른 페이지로 이동시키기 #개발자팁 #개발자 #팁자료실 #기타	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1434
532	사용자 브라우저의 펄러그인 목록 출력하기 #개발자팁 #개발자 #팁자료실 #javascript	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1435
531	사용자의 해상도에 따라 각기 다른 페이지로 리다이렉트 시키기 #개발자팁 #개발자 #팁자료실 #기타	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1349