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

강강술냄세

· 19년 전 · 조회 3281 3281

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>

댓글 작성

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

로그인하기

게시판 목록

프로그램

글쓰기

번호	제목	글쓴이	날짜	조회
7730	홈페이지 리뉴얼시 디잔+퍼블리싱+개발 비중 [3] #개발자톡 #개발자	아이기대 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1275
7729	댓글 로직 [1] #개발자톡 #개발자	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1086
7728	mysql 상태를 확인 하는 방법 #개발자팁 #개발자 #팁자료실 #mysql	잘살아보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	554
7727	mysql 실시간 processlist #개발자팁 #개발자 #팁자료실 #mysql	잘살아보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	457
7726	SQL Injection 개념과 원리 #개발자팁 #개발자 #팁자료실 #기타	잘살아보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	794
7725	원활한 SQL Injection을 위해 숙지해야 할 mysql의 작동원리 #개발자팁 #개발자 #팁자료실 #mysql	잘살아보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	518
7724	mysql 일반적인 최적화 팁 #개발자팁 #개발자 #팁자료실 #mysql	잘살아보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	429
7723	간단한 리눅스 명령어 #개발자팁 #개발자 #팁자료실 #기타	잘살아보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	497
7722	모니터링에 유용한 리눅스 명령어 watch #개발자팁 #개발자 #팁자료실 #웹서버	잘살아보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	432
7721	mysql 데이터 경로 바꾸기 #개발자팁 #개발자 #팁자료실 #mysql	잘살아보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	471
7720	mysql 운영팁. 느린 쿼리를 발견하기 #개발자팁 #개발자 #팁자료실 #mysql	잘살아보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	410
7719	이미지 경로.. [1] #퍼블리셔톡 #퍼블리셔	비긴어게인 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	654
7718	당신은 모를 수도 있는 CSS의 7가지 단위 [4] #퍼블리셔팁 #퍼블리셔 #팁자료실 #css	JRevirthuum 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	2499
7717	아파치 동시접속자 알아내기 #개발자팁 #개발자 #팁자료실 #기타	잘살아보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	629
7716	mysql index에 대해.. #개발자팁 #개발자 #팁자료실 #mysql	잘살아보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	370
7715	구분자는 enum으로 #개발자팁 #개발자 #팁자료실 #mysql	잘살아보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	409
7714	mysql zerofill에 대해 #개발자팁 #개발자 #팁자료실 #mysql	잘살아보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	442
7713	Functional Programming in PHP [8] #개발자톡 #개발자	아샬 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1746
7712	답답한 전문대학교 학생 질문드립니다. [3] #개발자톡 #개발자	ktop 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1679
7711	질문 있습니당! mysql [5] #개발자톡 #개발자	비트블루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1067
7710	퍼블리셔분을 모집합니다. #퍼블리셔톡 #퍼블리셔	이현범 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1349
7709	모바일 hover효과 주기 [4] #퍼블리셔톡 #퍼블리셔	오냥 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1482
7708	PHP7에 대해 반드시 알아야 할 다섯 가지 진실! [9] #개발자톡 #개발자	아샬 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1434
7707	알바 구해봅니다. #퍼블리셔톡 #퍼블리셔	세죠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	820
7706	DB 데이터 서버 변경문의 [1] #개발자톡 #개발자	별지기천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	548
7705	엄마 아빠도 모르는 음력의 비밀 [6] #개발자톡 #개발자	아샬 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1045
7704	[구인] 중장기 프로젝트 POS SYSTEM 개발자 구합니다. [2] #개발자톡 #개발자	ICONdesignstudio 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	589
7703	제이쿼리 충돌되는 부분 좀 봐주세요ㅠ [2] #개발자톡 #개발자	흰이닝 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	550
7702	도메인 DNS갱신(초기화) bat 프로그램 #개발자톡 #개발자	foxrain 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	686
7701	홈페이지 유지 보수 하실 분 찾습니다. [5] #퍼블리셔톡 #퍼블리셔	갤로긍 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1383
7700	퍼브리싱하는데 질문입니다. [9] #퍼블리셔톡 #퍼블리셔	지로쿨 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1079
7699	phpt날짜계산 [3] #개발자톡 #개발자	공부가 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	562
7698	프리랜서 퍼블리서(오랫동안 같이 일할 성실한분 찾습니다.) [4] #퍼블리셔톡 #퍼블리셔	통신 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1108
7697	그누보드 최신버전 (5.1.1) 살펴보기 - bbs/board.php (1) [13] #프로그램강좌 #프로그램 #강좌 #그누보드5	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	5118
7696	SSL 암호와 통신에 대해 토론(조언)을 제안합니다. [6] #개발자톡 #개발자	선우善友 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	608
7695	그누보드 최신버전 (5.1.1) 살펴보기 - bbs/visit_insert.inc.php [10] #프로그램강좌 #프로그램 #강좌 #그누보드5	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1651
7694	안드로이드 웹뷰에서 select 디자인 변경.. [2] #퍼블리셔톡 #퍼블리셔	쿠츠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1019
7693	그누보드 최신버전 (5.1.0) 살펴보기 - common.php (7) [8] #프로그램강좌 #프로그램 #강좌 #그누보드5	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1513
7692	그누보드 최신버전 (5.1.0) 살펴보기 - common.php (6) [4] #프로그램강좌 #프로그램 #강좌 #그누보드5	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1251
7691	이 사이트는 어떤 언어인가요? [5] #개발자톡 #개발자	키유 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	783
7690	그누보드 최신버전 (5.1.0) 살펴보기 - common.php (5) [5] #프로그램강좌 #프로그램 #강좌 #그누보드5	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1360
7689	개발자분들 연봉관련하여 조언을 구하고자 합니다. [3] #개발자톡 #개발자	나나26 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	978
7688	자바스크립트.. 도움이 필요합니다ㅠ [2] #개발자톡 #개발자	도룡이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	558
7687	사이트를 리뉴얼 해 보았습니다, #개발자톡 #개발자	파랑새1597 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	555
7686	프로그래머 찾습니다! [2] #개발자톡 #개발자	쵸미 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	803
7685	부트스트랩 기반의 사이트가 많아지는 느낌이 듭니다. [6] #퍼블리셔톡 #퍼블리셔	세모네모 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1320
7684	프로그래머 구인중입니다. [1] #개발자톡 #개발자	김로니 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	772
7683	삽질하다가 겨우 만들어낸...; [6] #개발자톡 #개발자	스아이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1018
7682	웹접근성인증마크 취득 경험 있으신 퍼블리셔 모집합니다. [1] #퍼블리셔톡 #퍼블리셔	안실장 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	896
7681	그냥 간단한 페이지 레이아웃 잡는데 [2] #개발자톡 #개발자	북금곰 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	619
7680	브라우저별 폰트가 다르네요. [4] #퍼블리셔톡 #퍼블리셔	때때미 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	956
7679	웹페이지 제작중에 클릭한 메뉴 다음페이지에서 고정하고 싶은데.. [1] #개발자톡 #개발자	푼돈 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	454
7678	메뉴 현재페이지 고정때문에 질문드려요 [2] #퍼블리셔톡 #퍼블리셔	푼돈 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	694
7677	putty 압축해제하는 방법에 대해서 [1] #퍼블리셔톡 #퍼블리셔	북금곰 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	597
7676	삼성전자에서 만든 IoT용 오픈소스, 제리스크립트와 IoT.js [1] #개발자톡 #개발자	JRevirthuum 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	915
7675	지금까지 잘못 알고 있었던 MySQL int type의 진실.. [8] #개발자팁 #개발자 #팁자료실	JRevirthuum 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1118
7674	휴대폰 번호 - 원하는 자리에 * 로 표현 #개발자팁 #개발자 #팁자료실 #php	벤지 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1030
7673	자바스크립트 메모리관리 ? 어떻게들 관리하시나요!? [2] #퍼블리셔톡 #퍼블리셔	유우니얌 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	727
7672	모바일 작업시 숫자인식,메일주소, 지도상의 주소링크 막기 #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	임예니 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1055
7671	전화번호 뒷번호 **** 숨길 때 #개발자팁 #개발자 #팁자료실 #php	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	849
7670	한번에 업로드할 수 있는 화일 갯수 지정 #개발자팁 #개발자 #팁자료실 #웹서버	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	604
7669	반응형으로 만드는데... 익스 8 크로스브라우징까지 해야하나요... [5] #퍼블리셔톡 #퍼블리셔	mashmellow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1202
7668	시놀로지 나스에 그누보드5 깔아서 쓰시는분 있나요? #개발자톡 #개발자	징허그만 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	679
7667	Python Flask 지원하는 호스팅 업체가 있을까요? [1] #개발자톡 #개발자	베원 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	960
7666	아파치 도메인 설정 질문입니다. [3] #개발자톡 #개발자	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	626
7665	mysql get 0은 null?? 질문입니다.! [5] #개발자톡 #개발자	비트블루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	478
7664	울산분 구합니다. #퍼블리셔톡 #퍼블리셔	민팀장 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1870
7663	이홈페이지에 적용된 자바가 궁금해요! 도와주세요 ㅠㅠ [1] #퍼블리셔톡 #퍼블리셔	mixx애교 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	954
7662	CloudFlare 사용시 방문자 IP와 SSL 접속여부 파악하기 [1] #개발자팁 #개발자 #팁자료실 #php	기진곰 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	986
7661	과외받고싶습니다. [1] #개발자톡 #개발자	hkhkah 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	755
7660	부산에서 프로그래밍 배우고싶은 분 [7] #개발자톡 #개발자	DMAN 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1039
7659	하이브리드앱은 네이티브보다 속도가 느릴수밖에 없나요..? [4] #개발자톡 #개발자	커네드커네드 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	909
7658	스타일시스 이용 이미지사이즈 조절 [3] #퍼블리셔톡 #퍼블리셔	바람돌이팡 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	639
7657	안녕하세요 [2] #기획자톡 #기획자	박겸 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1132
7656	블로그를 운영시 검색상위에서 밀려난 원인이 [3] #기획자톡 #기획자	북금곰 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1544
7655	php과외 선생님을 모십니다. [2] #개발자톡 #개발자	나기님 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	954
7654	요즘 개발 업체에 의뢰하면..의뢰자가 전문인 아니어도 개발 잘 해주시나요? [4] #개발자톡 #개발자	개발짜증나 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	833
7653	phpMyAdmin 시간 늘리기 [1] #개발자팁 #개발자 #팁자료실 #mysql	네이비칼라 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	865
7652	요즘 자바스크립트로 링크 안거나요? [4] #퍼블리셔톡 #퍼블리셔	밥먹고합시다 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	784
7651	코딩하는데 얼마나 걸리세요? [16] #퍼블리셔톡 #퍼블리셔	플라이SINJI 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1485
7650	반응형 웹 개발시 가장 먼저 공부해야할 언어는 무엇인가요? [7] #퍼블리셔톡 #퍼블리셔	개발짜증나 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1379
7649	그누보드 게시판 홈피에 꺼냈는데 제한된 영역만 보여여 코딩도움주실분! #퍼블리셔톡 #퍼블리셔	가을전사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	431
7648	강원도 원주에 사시는 개발자님 계신가요? [8] #개발자톡 #개발자	이미영ㅇㅇ 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	837
7647	모바일 글수정시 [1] #개발자톡 #개발자	나바랍 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	409
7646	영카트4, 5 로 모바일 쇼핑몰 몇년 유지보수 후기 #개발자톡 #개발자	벤지 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	775
7645	그누보드 최신버전 (5.0.36) 살펴보기 - common.php (4) [12] #프로그램강좌 #프로그램 #강좌 #그누보드5	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	2274
7644	워프--->그누5 리모델링 후기 [2] #개발자톡 #개발자	벤지 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	794
7643	부트스트랩 MIT 라이센스? [4] #퍼블리싱강좌 #퍼블리싱 #강좌 #부트스트랩	돼지코구뇽 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	2837
7642	반응형페이징! [14] #퍼블리셔톡 #퍼블리셔	스아이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1490
7641	펜션 홈페이지에서 나오는 음악들은.. #퍼블리셔톡 #퍼블리셔	미쓰홍 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1109
7640	rido님 글 확인 가능하신가요? [3] #퍼블리셔톡 #퍼블리셔	개발짜증나 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	452
7639	에효.....템플릿 예시홈페이지만들기..... [4] #개발자톡 #개발자	AJFLDKVMEK 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	788
7638	초보자가 반응형 웹을 만들기엔 어려울까요? [10] #퍼블리셔톡 #퍼블리셔	개발짜증나 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1093
7637	그누보드 최신버전 (5.0.36) 살펴보기 - common.php (3) [11] #프로그램강좌 #프로그램 #강좌 #그누보드5	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1514
7636	기획자가 되려면 어떻게 해야 하나요?? [1] #기획자톡 #기획자	별이님 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	2881
7635	그누보드 최신버전 (5.0.36) 살펴보기 - common.php (2) [8] #프로그램강좌 #프로그램 #강좌 #그누보드5	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1660
7634	그누보드 최신버전 (5.0.36) 살펴보기 - common.php (1) [8] #프로그램강좌 #프로그램 #강좌 #그누보드5	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1823
7633	SSL의 정석 (아파치 & nginx) [4] #개발자팁 #개발자 #팁자료실 #웹서버	기진곰 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	2294
7632	그누보드 최신버전 (5.0.36) 살펴보기 - config.php [28] #프로그램강좌 #프로그램 #강좌 #그누보드5	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	3892
7631	구글의 material design에 관한 설명입니다. [4] #퍼블리셔팁 #퍼블리셔 #팁자료실 #기타	JRevirthuum 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1505