공지 |
HTML
HTML 기초 다지기
4
|
오작교 | 224351 | | 2008-06-17 | 2010-08-19 13:08 |
공지 |
HTML
HTML과 CSS의 종합 정리
1
|
오작교 | 288175 | | 2007-10-01 | 2010-08-19 12:45 |
공지 |
일반
스타일시트의 총정리
|
오작교 | 241945 | 14 | 2006-09-14 | 2010-08-19 12:45 |
34 |
CSS
칼라에 관한 스타일시트-2
|
오작교 | 14185 | 12 | 2006-05-06 | 2006-05-06 10:22 |
background-images 와 background-repeat 에 대한 예제를 보도록 하겠습니다. <style type="text/css"> <!-- body { background-image : url(https://tagmania.net/img/jang.jpg) ; background-repeat : repeat-y ; } .love { font-size : 13px; color : green...
|
33 |
CSS
스타일 시트로 배경에 글래디언트 효과
|
오작교 | 15554 | 12 | 2006-05-06 | 2006-05-06 20:03 |
<head>사이에 <style type="text/css"> .color1 {filter='progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=yellowgreen, EndColorStr=#FFFFFF)';font-size: 9pt; border:0 solid #000000;height:40px;} .color2 {filter='progid:DX...
|
32 |
CSS
특정링크 색상 다르게 지정하기
|
오작교 | 16519 | 12 | 2006-06-03 | 2006-06-03 21:13 |
아 이거 안된다고 한참 고민했습니다 -_- A:link {color:#3E4773;text-decoration:none;} A:visited {color:#3E4773;text-decoration:none;} A:active {color:#3E4773;text-decoration:none;} A:hover {color:#636FAC;text-decoration:none;font-weight:bold} ...
|
31 |
CSS
스타일 시트 활용(2) - 레이아웃을 원하는 대로
|
오작교 | 16935 | 11 | 2006-04-17 | 2006-04-17 16:10 |
먼저 스타일을 안쓰고 문서의 여백을 0으로 만들고자 할때는 <html> <head> <title>여백 0 만들기</title> <body bgcolor="White" text="black" leftMargin=0 topMargin=0 marginheight="0" marginwidth="0"> <img src="test.jpg" > </body> </html> 이렇게 하...
|
30 |
CSS
이미지 맵 태그 -2
|
오작교 | 33409 | | 2010-05-25 | 2010-05-25 23:27 |
|
29 |
CSS
div 태그의 위치속성에서 relative와 absolute 차이
1
|
오작교 | 18427 | | 2008-01-09 | 2008-01-09 13:33 |
포지션에 대한 속성에서 absolute와 relative를 보면 absolute(절대적 위치) 브라우저를 기준으로 위치 속성을 사용 하며 parent 요소에 의해 하위 위치에 있다면 그 곳을 기준으로 합니다. 즉, 레이어 속성인 z-index를 쓸경우 top, left, right, bottom을 통...
|
28 |
CSS
이미지 맵 태그 -3
|
오작교 | 35061 | | 2010-05-25 | 2010-05-25 23:30 |
|
27 |
CSS
간단히 링크 점선 없애는 방법
1
|
오작교 | 33098 | | 2011-01-24 | 2011-01-24 10:28 |
보통 링크의 점선을 없애기위해 자바스크립트를 이용하거나 onfocus=this.blur(); 이런식으로 처리를 해왔습니다. 그러나 css를 이용하면 간단하게 처리를 할 수 있습니다. css 한 줄로 텍스트링크, 이미지링크 모두 처리가 가능합니다. a { selector-dummy : ...
|
26 |
CSS
하이퍼 링크 점선 없애기 2가지 팁
|
오작교 | 17020 | | 2008-02-23 | 2008-02-23 12:00 |
1. 특정한 한부분에만 적용시키기 아래의 소스는 <BODY>와 </BODY> 사이에 들어가는 예제 입니다. <A HREF="링크될 경로" onfocus='this.blur()'><img src="이미지경로" border="0"><A> ※ 예제 설명 : 빨간색 부분만 수정해 주시면 됩니다. -----------------...
|
25 |
CSS
홈페이지에 웹폰트 적용시키기
|
오작교 | 25053 | | 2008-05-18 | 2008-05-18 12:08 |
홈페이지에 웹폰트 적용하기 <style type="text/css"> <!-- @font-face {font-family: 웹폰트이름; src:url(https://웹폰트가있는주소/웹폰트이름.eot);} a:link {font-family: 웹폰트이름;font-size: 9pt;} a:visited {font-family: 웹폰트이름;font-size: 9p...
|
24 |
CSS
간단히 탭 메뉴 만들기
|
오작교 | 34159 | | 2011-01-24 | 2011-01-24 10:32 |
<style type="text/css"> body { margin: 0px; padding: 0; font: 12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; background: #FFFFFF; text-align: center; } ul{ margin: 0; padding: 0; list-style: none; } #treenav { margin: 10px; tex...
|
23 |
CSS
간단한 폰트 속성 지정
|
오작교 | 32092 | | 2011-01-24 | 2011-01-24 13:02 |
보통 css 에서 폰트 속성을 지정할 때 아래와 같이 하지요... {font-family:굴림; font-size:9pt; color:black} 이것을 좀 더 간단하게 지정할 수 있습니다. {font:9pt "굴림"; color:black}<!--"< </
|
22 |
CSS
이미지 위에 마우스가 올라가면 색상 변화하기
|
오작교 | 17585 | | 2008-09-08 | 2008-09-08 13:54 |
.
|
21 |
CSS
테이블 위에 마우스가 올라가면 색상 변화하기
|
오작교 | 14596 | | 2008-09-08 | 2008-09-08 14:07 |
buty buty buty buty buty buty buty buty .
|
20 |
CSS
alpha filter에 사용되는 용어들
|
오작교 | 15758 | | 2008-09-08 | 2008-09-08 14:11 |
alpha filter의 style=1은 Linear 로 직선 형태의 alpha 효과 입니다. style=1의 Linear를 사용하면 마치 포토샵의 Gradient 와 같은효과를 낼수있습니다. * Gradient : 한 색이 다른 색으로 자연스럽게 변해가는 효과. 사용법 : alpha filter를사용할 대상에...
|
19 |
CSS
Text에 MouseOver 적용하기
1
|
오작교 | 25028 | | 2009-04-17 | 2009-04-17 01:13 |
오작교의 홈 오작교의 홈 오작교의 홈 오른쪽의 텍스트에 마우스커서를 각각 올려보세요. 간단한 방법으로 마우스커서가 글자 위에 올라갔을 때 글자에 변화를 줍니다. 별 볼 일 없는 듯하지만, 필요할 때도 있겠지요;;
|
18 |
CSS
html문서에 그라데이션 적용하기
|
오작교 | 23203 | | 2009-04-30 | 2009-04-30 09:41 |
스타일시트의 필터기능만으로 html 문서 내에 그라데이션 효과를 넣을 수 있습니다. 지금 보고 계신 테이블에는 수직그라데이션을 적용했습니다. 이렇게 가로방향으로 수평그라데이션을 적용할 수도 있습니다. <body>태그 안에 삽입할 경우, 문서 전체배경의 ...
|
17 |
CSS
단어와 글자 여백을 조정하는 스타일
|
오작교 | 22605 | | 2009-07-07 | 2009-07-07 16:40 |
<style type="text/css"> <!-- h1 { word-spacing:5px; } h2 { letter-spacing:7px; } --> </style> <body> 오작교의 스타일 시트 <h1>word-spacing 속성은 단어사이의 여백 조정</h1> <h2>letter-spacing 속성은 글자사이의 여백 조정 </h2> </body>
|
16 |
CSS
텍스트를 정열하는 css
|
오작교 | 18251 | | 2009-07-07 | 2009-07-07 16:43 |
text-align 속성은 뭘 까요? 그냥 척 보면 알겠죠.... 정렬해주는 기능이죠. 뭘 정렬해주냐고요? 글자뿐만 아니라 이 속성에 포함된 요소의 정렬방식을 결정해주는 기능을 합니다. text-indent속성은 들여쓰기의 길이를 정해주는 기능을 합니다. 들여쓰기가 뭔...
|
15 |
CSS
margin의 속성
|
오작교 | 19033 | | 2009-07-07 | 2009-07-07 16:57 |
마진(margin).....이란..? 설명하자면 여백을 조절하는 속성이라고 할 까요? 이건 예제를 보면서 익히면 금방 이해하실 수 있을 겁니다. 예제를 보기 전에 참고적으로 , margin속성의 수치단위는 px , pt , in ,cm를 사용할 수 있고요... 마이너스(-)값도 사용...
|