스타일 시트로 마우스 오버와 아웃시 바뀌는 색깔
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>
[예제로 하나 꾸며본것을 설명드립니다.]
<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>
|
댓글을 작성하시려면 로그인이 필요합니다.
프로그램
태그 필터 (최대 3개)
전체
개발자
소스
기타
mysql
팁자료실
javascript
php
linux
flash
정규표현식
jquery
node.js
mobile
웹서버
os
프로그램
강좌
썸네일
이미지관련
도로명주소
그누보드5
기획자
견적서
계약서
기획서
마케팅
제안서
seo
통계
서식
통계자료
퍼블리셔
html
css
반응형
웹접근성
퍼블리싱
표준화
반응형웹
홈페이지기초
부트스트랩
angularjs
포럼
스크린리더
센스리더
개발자톡
개발자팁
퍼블리셔톡
퍼블리셔팁
기획자톡
기획자팁
프로그램강좌
퍼블리싱강좌