하이퍼링크에 여러가지 스타일만들기

senseme

· 12년 전 · 조회 1254 1254 · 댓글 1 1

<head>
<title> stylesheet : rollover text</title>
<meta http-equiv=content-type content="text/html; charset=euc-kr">
<style>

A:link.test1 { color: blue }
A:hover.test1 { color: red }

A:link.test2 { color: blue }
A:hover.test2 { font-size:15pt }

A:link.test3 { color: blue }
A:hover.test3 { font-weight: bold; font-style: italic }

A:link.test4 { text-decoration: none; color: blue }
A:visited.test4 { text-decoration: none }
A:hover.test4 { background: cyan; color:blue }

A:link.test5 { color: blue }
A:hover.test5 { font-family:궁서; font-weight: bold; font-size: 12pt }

A:link.test6 { color: blue; text-decoration: none }
A:visited.test6 { text-decoration: none }
A:hover.test6 { text-decoration: underline; color:red }

A:link.test7 { color: blue }
A:hover.test7 { color: darkred; font-weight: bold; background:#FFC1C1 }

A:link.test8 { color: blue; text-decoration: none }
A:visited.test8 { text-decoration: none }
A:hover.test8 { color: darkred; font-weight: bold; background:#FFC1C1 ; border:15 solid brown; padding:5px }

.batang {font-family:돋움;
font-size:10pt;
line-height:170%;
letter-spacing:-1px;
text-align:justify;
margin-top:0;
margin-bottom:0;
width:350px;
padding-top:20px;
border-top:10px cyan solid;}/*바탕글*/

.title { filter:shadow(color=#00008B, direction=135) ;
width:600px;
font-family:바탕;
font-weight:900;
font-size:30pt;
color:#90EE90 ;
line-height:300%;
}

ul.hover {list-style:none}
</style>
</head>

<body bgcolor=cccccc>
<table align=center width="569">
<tr>
<td width="563">
<div class="title">글자 롤오버</div>
<div class=batang>
자바스크립트 없이는 롤오버 단추를 만들 수가 없었습니다.
물론 자바스크립트를 쓰면 글자뿐만이 아니라 좀더 선택의 폭이 커집니다.
그러나 글자만으로 롤오버단추를 만든다면 스타일시트만으로도 충분합니다.
얼마든지 멋진 효과를 만들 수 있습니다. 이것들은 모두 <span style="letter-spacing:1px; font-family: times new roman; font-weight:bold; font-size=12pt; color:#696969;">IE5.xx</span> 이상에서만 지원됩니다.
<ol>
<li><a href=" http://www.how2homepage.com " class=test1>글자 색깔이 바뀝니다</a>
<li><a href=" http://www.how2homepage.com" class=test2>글자 크기가 바뀝니다</a>
<li><a href=" target='_blank'> http://www.how2homepage.com " class=test3>글자가 두꺼워지고 이탤릭으로 바뀝니다</a>
<li><a href=" http://www.how2homepage.com " class=test4>배경 색깔이 바뀝니다</a>
<li><a href=" http://www.how2homepage.com " class= test5>아예 글꼴이 바뀝니다</a>
<li><a href= " http://www.how2homepage.com " class=test6>색깔이 바뀌고 밑줄이 생깁니다</a>
<li><a href="http://www.how2homepage.com" class=test7>글자 색깔과 배경, 글자 두께가 바뀝니다</a>
<li><a href="http://www.how2homepage.com" class=test8>테두리 선까지도 굵게 해줄 수 있습니다</a>
</ol>
</div>

</td>
</tr>
</table>
</body>

</body>

댓글 작성

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

로그인하기

댓글 1개

화이팅여

프로필 보기 이 회원 글보기 이 회원의 댓글보기

12년 전

좋은 정보 감사합니다.^^*

게시글 목록

번호	제목	글쓴이	조회	날짜
5638	요즘 node.js에 푹 빠져 살고 있습니다. 10	gilynh	1,790	12년 전
27321	모바일 코딩에 관해궁금한게 있어서요~ 1	내가짱니네가짱	1,220	12년 전
5637	다음의 htaccess 파일에 잘못된게 있나요?	AMDbest	485	12년 전
31931	한국장애인인권포럼 vs 웹발전연구소 격돌 2	지운아빠	1,688	12년 전
31925	[펌] 웹접근성 돌아버리겠네요 5	관리자	1,318	12년 전
18979	jQuery 마우스 오버시 레이어 출력~ 2	뽁스	7,600	12년 전
5633	페이지 내의 모든 input checkbox select 초기화 방법이 3	AMDbest	2,186	12년 전
27316	모바일에서 css로 검색창 만드려면 ? 4	KIMys	1,958	12년 전
27307	개발/테스트용 가짜 이미지 8	전진	2,025	12년 전
18976	jQuery 메뉴 고정 2	화끈하게	2,459	12년 전
5631	불여우(FF) 새로고침 1	senseme	555	12년 전
18974	OS 리눅스(페도라) FTP 설정 1	최적화	3,694	12년 전
31919	법무법인 태평양, 재단법인 동천 그리고 한국장애인단체총연합회 등 내달 소송 준비 중 5	지운아빠	1,362	12년 전
30803	HTML 네이버 지도를 이용해 만든 레이아웃입니다. 19	kiplayer	6,402	12년 전
31911	KBS, KNN 장애인 차별로 인권위에서 첫 진정이 들어갔다네요. 7	지운아빠	1,002	12년 전
5625	요즘 객체지향 설계에 대해서 고민합니다. 5	규지니	957	12년 전
5623	서브스크립션 커머스 사이트 견적이 어떻게... 1	상엽나르도	1,276	12년 전
5620	안녕하세요 그누보드스킨메뉴얼부탁드립니다 2	검은고양이1983	648	12년 전
27298	크로스 브라우징 쉽게 하기!! 8	모노폴리	3,111	12년 전
31904	웹 접근성 무료 진단해준다네요. 6	지운아빠	1,407	12년 전
31887	장차법 관련 문의 드립니다~(아무리 구글링 해도 원하는 해답이 없네요) 16	testers	1,473	12년 전
31884	가전 접근성과 웹 접근성 2	지운아빠	979	12년 전
18967	jQuery facebook timeline 스타일 따라하기 6	옹갈군	2,598	12년 전
5616	sql에서 where문 작성시.. 궁금한게있어요.. 3	원더리	1,636	12년 전
5611	환절기라 감기들 많이 걸리시는 것 같네요 4	불량학생	428	12년 전
18963	jQuery 간만에 복귀 기념 - jQuery 슬라이드 베너 ? ^^ 3	검은여우	3,495	12년 전
5608	엑셀에서 한칸씩 문자를 보내고 보낸사람 아이디 2	돌쇠님	992	12년 전
31881	웹 접근성은 '고객'만 대상으로 하는 것은 아닐 겁니다. 2	지운아빠	821	12년 전
5601	회사 홈페이지를 만들고 있습니다 jw플레이어 문의 6	개도	1,187	12년 전
31866	웹 접근성 이슈 정리 14	지운아빠	5,556	12년 전
31862	웹접근성에 대해서 잘 모릅니다 3	ideaman	1,185	12년 전
5599	PHP 로그인 세션 시간 연장시키는게 이거 맞습니꺄? 1	AMDbest	2,790	12년 전
5595	DB에서 데이터를 1000만개중에 10개 select하는거랑 3	AMDbest	2,240	12년 전
5592	활동지수 올리기 위하여 팁 같은것을 퍼와도 되나요? 2	프리랜서개발자	459	12년 전
24497	반응형 웹 디자인 도입을 통한 쇼핑몰 매출 증가 사례	지운아빠	2,922	12년 전
18958	OS 리눅스 미치겟네요ㅠㅠ 4	SUPERMANs	1,370	12년 전
31859	쇼핑몰 고객센터 전화번호를 컨텐츠 최상단에 위치시키는 것은 어떨까? 2	지운아빠	1,284	12년 전
31855	웹 접근성의 숨은 복병 알고 보니... 세상에! 3	지운아빠	1,341	12년 전
18952	PHP PHP로 작성된 웹셀 프로그램 5	오늘도망했다	3,257	12년 전
18946	JavaScript html 테그 제거하는 함수 5	senseme	2,022	12년 전
18942	JavaScript 새로고침(F5) 금지 하는 자바 스크립트 3	senseme	3,681	12년 전
18939	JavaScript 자바스크립트 문자열 비교 2	senseme	8,566	12년 전
18936	JavaScript 자바스크립트를 이용해 모니터 해상도 구하기 2	senseme	4,164	12년 전
18933	JavaScript 모바일 접속시 모바일 페이지로 이동하기 2	senseme	3,727	12년 전
5590	0이라는 값을 함수중 true false로 표현하는 방법이 있을가요..? 1	senseme	1,348	12년 전
5586	방문로그 기록관련 조언을 구합니다. 3	senseme	1,421	12년 전
18924	MySQL SQL 문장의 실행순서 8	프로프리랜서	3,140	12년 전
18915	MySQL 초보자들을 위한 팁(count편) 8	프로프리랜서	3,978	12년 전
18913	MySQL 대용량 InnoDB백업을 위한 솔루션을 찾다가 발견한 솔루션 입니다. 1	프로프리랜서	4,383	12년 전
18908	MySQL 트리거를 이용한 날짜 자동 업데이트 4	프로프리랜서	1,595	12년 전
27293	퍼블리셔 아이셔 4	위티스	1,281	12년 전
5583	운영중인 쇼핑몰 서버를 이전할때 도메인 네임서버 시간차 관련해서 2	AMDbest	866	12년 전
5580	견적이 어떻게 되까요.. 2	북금곰	968	12년 전
18895	PHP 배열 순서 섞기 12	senseme	2,707	12년 전
18886	JavaScript 체크박스 전체선택/해제/반전 8	senseme	2,723	12년 전
18880	JavaScript 마우스휠이벤트 등록 및 활용 5	senseme	1,241	12년 전
5576	언리얼 엔진 3(Unreal Engine 3) 를 5일만에 HTML5로 이식 한 놀라운 C++ -> 자바스크립트 변환 3	raineye	2,785	12년 전
31840	웹 접근성 소송/감리 관련 세미나 다녀왔습니다. 14	지운아빠	1,264	12년 전
30792	CSS IE7에서 float:right 버그에 관한 초간단 팁. 10	블랙스완	8,448	12년 전
18869	JavaScript 부분 프린터하기 10	senseme	1,502	12년 전
18866	JavaScript GET으로 넘어온 파라미터 가져오기 2	senseme	3,760	12년 전
18862	JavaScript 첨부파일 확장자 체크 [정규식] 3	senseme	6,374	12년 전
18858	JavaScript iframe 아이프레임 투명처리 3	senseme	1,551	12년 전
5569	그누보드를 사용하시는 여러분들 스팸에 어떻게 대응하시는지요.; 6	재순이	2,820	12년 전
5565	웹접근성 관련 장차법에 대해서 궁금한게 있는데요. 3	파로소	570	12년 전
27287	정체성 혼란중.. 5	재순이	1,286	12년 전
18857	MySQL 따로 odbc로 그누보드연동하여 로그인창을 만들었는데	노을라나	1,143	12년 전
18855	PHP 주민번호 검사기 1	senseme	1,302	12년 전
18854	PHP 프록시도 탐지하는 IP검증 및 차단 소스	senseme	3,298	12년 전
18847	JavaScript 화면 줌(ZOOM); 필요한분이 있으려나...; 6	senseme	1,071	12년 전
18843	기타 마우스가 특정영역을 벗어나면 강제로 창닫기 3	senseme	1,809	12년 전
18841	기타 특수문자 활용하기 (배열표) 1	senseme	1,248	12년 전
18840	PHP utf8 체크하기	senseme	905	12년 전
31825	탭 메뉴 처리 방법에 관한 의견 중 공감되는 의견을 퍼옵니다. 4	지운아빠	1,395	12년 전
18839	웹서버 웹서버 관리툴 - 초보도 전문가처럼 서버 관리	민기만	2,092	12년 전
18835	기타 이미지에 커서를 대었을때 rollover와 rollout 효과주는 방법 3	senseme	1,373	12년 전
18833	기타 하이퍼링크에 여러가지 스타일만들기 1 현재글	senseme	1,255	12년 전
18832	JavaScript 내 쇼핑몰에 즐겨찾기 등록 버튼 만드는 방법	senseme	1,777	12년 전
18822	JavaScript 네이버 지도 API 다중마커 구현 소스 입니다. 9	kiplayer	14,764	12년 전
18820	PHP 카운터 늘리기 방법은? 1	강진사랑	1,054	12년 전
5561	사이트에 그누보드 사용시 이미지 간격이 달라지는 문제 ㅠㅠ 3	아이벤	858	12년 전
31806	웹 접근성 미준수 시 처벌 대상에 대한 노석준 교수님의 답변 18	지운아빠	2,703	12년 전
18815	MySQL CASE WHEN ~ (MySQL 의 IF문 역활) 4	senseme	8,947	12년 전
31830	웹 접근성 심사 9	프토코이	1,271	12년 전
18809	PHP 정규식 사용법입니다. 5	프로프리랜서	1,157	12년 전
18807	PHP ereg_replace와 str_replace 차이점입니다. 1	프로프리랜서	1,621	12년 전
18806	PHP PHP를 이용하여 문자열을 자르는 함수 입니다.	프로프리랜서	1,126	12년 전
18803	PHP 숫자를 한글로 출력하게 해주는 함수 입니다. 2	프로프리랜서	1,255	12년 전
18801	PHP file_get_contents 사용법 1	프로프리랜서	3,539	12년 전
18800	PHP PHP 변수를 스크립트로 사용하는 방법입니다.	프로프리랜서	1,450	12년 전
18796	PHP PHP를 사용하여 리눅스 심볼릭 링크를 거는 방법입니다. 3	프로프리랜서	2,117	12년 전
5559	ie10 에서 투명한 플래시 삽입 1	softhead	1,140	12년 전
18793	기타 플래시 위로 레이어 올리기 2	senseme	1,307	12년 전
18791	PHP 자릿수만큼 문자열 채우기 1	senseme	3,017	12년 전
5554	jquery plugin 작업하는데 질문있습니다. 4	해피코딩	862	12년 전
31780	웹 접근성 관련 오해글에서 언급했던 메일 내용 원문 공개 9	지운아빠	1,328	12년 전
31790	장차법 대상인 사이트 제작시 15	임소야	1,596	12년 전
31758	웹 접근성 관련 오해 2가지 21	지운아빠	2,025	12년 전
24491	스토리보드 양식..같은거 구할수 없을까요? 5	방방이	2,130	12년 전
27284	퍼블리셔들은 포트폴리오 어떻게 준비하나요? 2	방방이	2,557	12년 전

이전 다음

18 19 20 21 22

전체 목록