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

강강술냄세

· 19년 전 · 조회 3346 3346

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>

댓글 작성

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

로그인하기

게시판 목록

프로그램

글쓰기

번호	제목	글쓴이	날짜	조회
8230	jquery-ui / datepicker 나라별 #개발자팁 #팁자료실 #개발자	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	194
8229	영어 독해 쉬운 방법 #개발자	박쥐12 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	178
8228	php에 오라클이 가능한가요? [2] #개발자 #개발자톡	커네드커네드 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	215
8227	씨멘틱 마크업 - 이거 머냐 씹어먹는거냐? [2] #퍼블리셔톡 #퍼블리셔팁	자루스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	256
8226	PHP 관련 클래스들이 많은 사이트 [2] #개발자팁 #개발자 #팁자료실	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	277
8225	텍스트를 읽어주는 코딩 #개발자팁 #개발자	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	261
8224	jQuery 예제가 많은 사이트 #개발자 #개발자팁 #팁자료실	덕서리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	264
8223	/js 아래 자바스크립트 화일들이 어디에서 사용될까요? #개발자 #개발자팁 #팁자료실	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	243
8222	신입 개발 ->디자인 ->퍼블로 왔습니다! [4] #퍼블리셔톡 #퍼블리셔팁	웹표준3년차 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	304
8221	부트스트랩으로 만든 메뉴를 CSS로 변경본겁니다. #부트스트랩 #퍼블리셔 #css	쥬노 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	201
8220	제가 부트스트랩으로 공부하던 중 처음으로 회사 홈페이지를 만들고 있는데요... #부트스트랩 #표준화 #css #반응형 #퍼블리셔	쥬노 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	245
8219	제가 부트스트랩으로 공부하던 중 처음으로 회사 홈페이지를 만들고 있는데요... #표준화 #css #반응형 #퍼블리셔 #부트스트랩	쥬노 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	219
8218	HTTP Cache 튜토리얼 - 속도개선 #개발자팁 #개발자	인덱스웹 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	262
8217	보더문의 [3] #css	star3840 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	221
8216	부트스트랩 질문 드립니다. [1] #개발자 #개발자톡	토시아 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	299
8215	PHP로 개발 시 지양해야 할 코드 [2] #개발자	제은일행 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	243
8214	업로드 구현시 최강자 Plupload [1] #개발자팁	절권도 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	348
8213	유튜브 동영상 관련 질문드립니다~~ [1] #개발자 #개발자톡	기만잉 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	305
8212	인쇄 여러장 어떻게 해야하죠..? #개발자	밍밍멍 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	218
8211	오픈마켓 이익금 계산기 #팁자료실 #개발자톡 #마케팅 #php #통계자료	감기약 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	389
8210	구글 웹사이트 번역기 사이트에 달기 #퍼블리셔팁 #개발자팁 #퍼블리셔	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	385
8209	오픈마켓 이익금 계산기 급하게 만들어 봤습니다. [3] #팁자료실 #개발자 #개발자톡 #개발자팁 #기타	감기약 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	465
8208	카페24 호스팅에서 mail()함수 / smtp인증을 통한 gmail 서버로 발송 가능한가요? [2] #개발자톡	글러빙 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	346
8207	jquery print 입니다. [5] #팁자료실 #개발자팁	Rido 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	362
8206	개발 선배님들께 질문 남기고자 합니다.. [4] #개발자톡	웹의미래는딥러닝 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	309
8205	n개월 뒤 말일 구하기 함수 #개발자팁 #팁자료실 #개발자	잠돌 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	281
8204	HHVM Just In Time Interpreter 설정 #개발자팁	글러빙 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	271
8203	SEO 전용 제어 판넬 - 멀티사이트 관리 [1] #개발자 #개발자팁 #seo	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	349
8202	vagrant 란? [1] #개발자팁	글러빙 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	256
8201	개발자를 위한 자바스크립트로 화면 UI 라이브러리 #개발자팁	글러빙 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	300
8200	팝업띄우려면, colorbox ~ #개발자팁	글러빙 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	306
8199	jQuery Sidebar 패널입니다. [2] #개발자팁	글러빙 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	331
8198	url관련 처리는 URI.js #개발자 #개발자팁	글러빙 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	297
8197	메트로 스타일 css #개발자 #개발자팁	글러빙 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	287
8196	게임을 통해 코딩을 배워갑니다. #강좌 #개발자	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	710
8195	ContentTools - 웹페이지를 WYSIWYG editors를 이용하여 편집 #개발자팁 #개발자	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	296
8194	embed.js 참으로 유용한 플러그인입니다 [2] #javascript #개발자팁 #퍼블리셔팁	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	400
8193	제니퍼소프트의 UI프레임워크 JUI #개발자팁	절권도 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	317
8192	날씨 정보 API #개발자팁	절권도 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	319
8191	PHP : The right way [1] #개발자팁	절권도 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	280
8190	모질라가 제공하는 자바스크립트 레퍼런스 #개발자팁	절권도 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	259
8189	PHP7로 가는 법 #개발자팁	절권도 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	324
8188	정규식 테스터 #개발자팁	절권도 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	255
8187	PHP 문법 체크 #개발자팁	절권도 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	274
8186	IP 검색 사이트 #개발자팁	절권도 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	272
8185	요즘 수요가 가장 많은 사이트 유형이 뭘까요? [2] #개발자톡	절권도 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	442
8184	7 Best PHP Frameworks #php #개발자	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	224
8183	웹사이트의 CSS정보를 바로 확인해 주는 크롬 확장프로그램 소개 [2] #퍼블리셔팁 #퍼블리셔톡 #퍼블리셔	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	428
8182	HTML에 CSS필터를 효과적으로 줄 수 있는 JS plugin을 소개합니다. #퍼블리셔 #퍼블리셔팁 #javascript #jquery	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	301
8181	CSS Library - Picnic CSS #퍼블리셔 #퍼블리셔팁	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	250
8180	고급 강좌가 무료입니다 [3] #강좌 #개발자 #퍼블리싱	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	827
8179	안녕하세요 웹 개발자를 꿈꾸는 학생입니다. [7] #개발자 #개발자톡 #기획자톡 #퍼블리셔톡	컴쿨 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	605
8178	다양한 코딩 툴들 [2] #개발자팁 #개발자	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	464
8177	jQuery Tree 를 만들었습니다.~~ [2] #javascript #퍼블리셔 #퍼블리셔톡 #jquery #퍼블리셔팁	kiplayer 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	461
8176	모던PHP에 대한 고견을 들었으면 합니다. [3] #개발자톡	승희아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	500
8175	jquery ExayUI 소개 [1] #개발자 #개발자팁	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	379
8174	날짜 입력과 관련한 자바스크립트 [4] #팁자료실 #개발자팁	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	374
8173	협업을 위한 그룹 채팅 솔루션... [2] #개발자 #개발자톡	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	461
8172	위도, 경도 값을 받아서 타임존을 확인하는 프로그램 #팁자료실 #개발자팁 #개발자	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	344
8171	padding 값 클래스 화, 어떤 게 직관적으로 느껴지시나요? [1] #부트스트랩 #css #퍼블리셔톡	이온디 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	307
8170	웹사이트에서 고객채팅 프로그램 [4] #개발자 #개발자팁 #기타	이대리S 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	422
8169	익스 6이나 7도 맞쳐줘야하나요? [2] #css #html #퍼블리셔톡	커네드커네드 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	370
8168	파노라마 기능 및 WebVR [3] #개발자톡 #개발자	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	460
8167	php에서 Excel 화일 읽고 쓰고... [4] #개발자팁 #개발자 #프로그램	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	448
8166	개발자를 위한 SVG LOGO #개발자팁 #개발자	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	349
8165	Spectacle - A React.js Presentation Library #개발자팁 #개발자 #javascript	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	286
8164	제주관광공사 OPEN API #개발자팁 #개발자	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	418
8163	스펙터 CSS 프레임워크 [3] #개발자팁 #css	엔피씨 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	424
8162	css3로 구현하는 애니메이션 한 눈에 보기 [1] #퍼블리셔 #퍼블리셔팁	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	407
8161	HTML 에니메이션 툴 #개발자팁	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	426
8160	홈페이지 기능 체크 좀 부탁드려요! [3] #개발자톡	성격파탄자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	642
8159	파싱 페이지 넘김 어떻게 해요 [3] #개발자 #개발자톡 #기타	공부가 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	590
8158	html, css, javascript를 온라인에서 실습해 볼때 #퍼블리셔 #퍼블리싱 #css #html #javascript	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	385
8157	이미지 위에 글자 쓰기 [2] #개발자팁 #개발자	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	508
8156	부트스트랩 공부중인데요... [1] #팁자료실 #개발자팁	쥬노 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	379
8155	내컴퓨터 웹서버 구축 #팁자료실	덕서리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	391
8154	개발 잘해지는 팁 좀,... [12] #개발자톡	00년생용띠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	710
8153	가상서버에서 계정별 트래픽 제한하기 [3] #개발자 #php #linux	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	353
8152	스크립트 후킹 #팁자료실 #개발자팁 #javascript	닉네임없음 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	528
8151	필드명 고민 [4] #개발자톡 #mysql #개발자	엔피씨 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	521
8150	혹시.. 모바일웹 iframe 고정 관련해서 질문해도되나요 [1] #개발자톡 #개발자팁 #퍼블리셔	라푼 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	640
8149	그누보드 아이콘 gif말고 다른 이미지 포멧도 추가하기 [1] #개발자 #팁자료실 #개발자팁 #소스 #php	Jangfolk 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	500
8148	가상서버 운영시 서버시간 맞추기 #웹서버 #linux	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	313
8147	내 홈페이지에 원하는 glyphicon을 한곳에서 검색 #퍼블리셔팁 #퍼블리싱 #퍼블리셔	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	496
8146	css3를 아주 간단하게 만들어줌 #퍼블리셔팁 #퍼블리셔 #퍼블리싱	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	579
8145	표준 폰트를 기준으로 em 계산시 필요 (px -> em) [2] #퍼블리셔 #퍼블리싱 #퍼블리셔팁	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	538
8144	table td에 세로 스크롤 적용하기 #퍼블리셔팁	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	506
8143	SSH2를 지원하는 한글 putty 링크 주소입니다. #웹서버 #프로그램 #개발자	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	332
8142	간단한 모달(modal)창 구현소스입니다. [1] #개발자 #개발자팁	Rido 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	552
8141	날씨정보 제공을 위한 weather forecast API #개발자 #프로그램 #php #개발자팁	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	492
8140	누구나 쉽게 이해할 수 있는 Git [3] #퍼블리싱 #개발자 #강좌	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	1063
8139	PHP/MySQL 코드 소스 사이트 #php #mysql #개발자	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	397
8138	이미지 편집하여 서버에 올리기 #개발자톡	전갈자리남자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	511
8137	php 문자열변수값에서 숫자만 뽑아내기 #개발자 #팁자료실 #개발자팁	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	550
8136	다국어 홈페이지 관련 문의 [2] #개발자팁 #개발자톡	사슴뿔 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	875
8135	퍼블리셔 수습기간인데 질문드립니다. [12] #퍼블리셔 #퍼블리셔톡 #퍼블리셔팁	DavidCorleone 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	925
8134	서버시간 알아내기 #개발자팁 #개발자 #팁자료실 #javascript	PlayPixel 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	665
8133	swip 사용 안하고, touchstart, touchmove 사용하여 슬라이드 구현 #퍼블리셔팁 #퍼블리셔 #팁자료실 #기타	돼지코구뇽 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	565
8132	악성 게시판 스팸글 어떻게 차단하나요 [2] #개발자톡 #개발자	북금곰 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	595
8131	연봉질문있습니다. [11] #개발자톡 #개발자	저스팅 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	954