CSS와 관련된 팁이 있는 곳입니다. 좋은 자료 공유해 주세요.
글 수 123
45
조회 수 : 10243 신고 : 0
![title: [ani]깜빡이는 표정](http://web.webmini.net/./files/iconshop/74a37aadbde84c591808859b369e85e0.gif "title : [ani]깜빡이는 표정")
빽짱구| 미리보기 : |
|---|
아래의 소스를 <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/
포토샵과 letter-spacing 자간 비교 
글쓴이 빽짱구
단점이 없는 사람은 장점도 거의 없다 - 에이브러햄 링컨
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시
아이콘이 붙게됩니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시
아이콘이 붙게됩니다.
첫번째 댓글을 남겨주세요!
- 추천수 50개이상
- 추천수 30개이상
- 추천수 20개이상
- 추천수 10개이상
- 추천수 3개이상
닫기