CSS와 관련된 팁이 있는 곳입니다. 좋은 자료 공유해 주세요.
글 수 123
45
조회 수 : 10242 신고 : 0
미리보기 : |
---|
아래의 소스를 <head></head>에 넣어 주세요. ==
<STYLE TYPE="text/css">
<!--
a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:active { text-decoration: none;}
A:hover {color:#990000; text-decoration:none; border-bottom:2 dashed blue}
-->
</STYLE>
위에서
A:hover 는 마우스가 링크된 문장위에 올라갔을 때의 스타일을 정의하는 것이며,
text-decoration:none 은 밑줄을 없애고
border-bottom 은 점선의 굵기를
dotted 는 종류를 점선으로
blue 는 색상을 파란색으로 표시합니다.
test-decoration 속성값
none (밑줄을 표시하지 않습니다.)
underline (밑줄을 긋습니다.)
overline (윗줄을 긋습니다.)
line-through (문장의 허리에 라인을 긋습니다.)
blink (문장을 깜빡거리게 합니다. 참고: 익스플로러에서는 지원하지 않음)
링크걸린 문자의 각 스타일
a:link { } 는 하이퍼링크를 클릭하기전에 적용
a:visited { } 는 하이퍼링크를 클릭한 후에 적용
a:active { } 는 하이퍼링크를 클릭하고 있을때 적용
a:horver { } 는 하이퍼링크 위로 마우스가 올라갔을때 적용
border-style 문법
선택자{border-style:속성값;}
선택자{border-left-style:속성값;}
선택자{border-right-style:속성값;}
선택자{border-top-style:속성값;}
선택자{border-left-style:속성값;}
속성값
solid (내부가 채워진 선 모양)
ridge (선이 입체적으로 돌출됨)
dotted (점선 모양으로 표시)
dashed (끊어진 선 모양으로 표시)
double (선을 두줄로 표시)
inset (내부가 약간 들어간 듯하게 선을 표시)
outset (바깥으로 돌출된 듯하게 선을 표시)
groove (홈이 파진 듯하게 선을 표시)
none (나타나지 않거나 혹은 기본적인 선 모양)
hidden (모양을 숨김)
출처 : http://www.eguweb.co.kr/
<STYLE TYPE="text/css">
<!--
a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:active { text-decoration: none;}
A:hover {color:#990000; text-decoration:none; border-bottom:2 dashed blue}
-->
</STYLE>
위에서
A:hover 는 마우스가 링크된 문장위에 올라갔을 때의 스타일을 정의하는 것이며,
text-decoration:none 은 밑줄을 없애고
border-bottom 은 점선의 굵기를
dotted 는 종류를 점선으로
blue 는 색상을 파란색으로 표시합니다.
test-decoration 속성값
none (밑줄을 표시하지 않습니다.)
underline (밑줄을 긋습니다.)
overline (윗줄을 긋습니다.)
line-through (문장의 허리에 라인을 긋습니다.)
blink (문장을 깜빡거리게 합니다. 참고: 익스플로러에서는 지원하지 않음)
링크걸린 문자의 각 스타일
a:link { } 는 하이퍼링크를 클릭하기전에 적용
a:visited { } 는 하이퍼링크를 클릭한 후에 적용
a:active { } 는 하이퍼링크를 클릭하고 있을때 적용
a:horver { } 는 하이퍼링크 위로 마우스가 올라갔을때 적용
border-style 문법
선택자{border-style:속성값;}
선택자{border-left-style:속성값;}
선택자{border-right-style:속성값;}
선택자{border-top-style:속성값;}
선택자{border-left-style:속성값;}
속성값
solid (내부가 채워진 선 모양)
ridge (선이 입체적으로 돌출됨)
dotted (점선 모양으로 표시)
dashed (끊어진 선 모양으로 표시)
double (선을 두줄로 표시)
inset (내부가 약간 들어간 듯하게 선을 표시)
outset (바깥으로 돌출된 듯하게 선을 표시)
groove (홈이 파진 듯하게 선을 표시)
none (나타나지 않거나 혹은 기본적인 선 모양)
hidden (모양을 숨김)
출처 : http://www.eguweb.co.kr/
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시
아이콘이 붙게됩니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시
![BEST](/modules/board/skins/xe_webmini/img/common/icon_bestreply.gif)
추천수에 따른 배경색 보기
본문으로 바로가기
- 추천수 50개이상
- 추천수 30개이상
- 추천수 20개이상
- 추천수 10개이상
- 추천수 3개이상
![](/modules/board/skins/xe_webmini/img/pc_emot_co.gif)
첫번째 댓글을 남겨주세요!