| 공지 |
HTML
HTML 기초 다지기
 4
|
오작교 | 202526 | | 2008-06-17 | 2010-08-19 13:08 |
| 공지 |
HTML
HTML과 CSS의 종합 정리
1
|
오작교 | 218167 | | 2007-10-01 | 2010-08-19 12:45 |
| 공지 |
일반
스타일시트의 총정리
|
오작교 | 217222 | 14 | 2006-09-14 | 2010-08-19 12:45 |
| 74 |
CSS
div 두 개 나란히 이어 붙이기
2
|
오작교 | 78999 | | 2007-10-23 | 2007-10-23 17:35 |
|
아래와 같이 두 셀을 가로로 나열하기 위해 테이블로 아래와 같은 간단한 방법을 사용하실 수 있습니다. 안녕하세요 오작교의 홈입니다. <tr> <td width="200" bgcolor="#aaaaaa">안녕하세요</td> <td width="200" bgcolor="#cccccc">오작교의 홈입니다.</td> ...
|
| 73 |
CSS
이미지 맵 태그 -3
|
오작교 | 32341 | | 2010-05-25 | 2010-05-25 23:30 |
|
|
| 72 |
CSS
간단히 탭 메뉴 만들기
|
오작교 | 31246 | | 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...
|
| 71 |
CSS
이미지 맵 태그 -2
|
오작교 | 30714 | | 2010-05-25 | 2010-05-25 23:27 |
|
|
| 70 |
CSS
간단히 링크 점선 없애는 방법
1
|
오작교 | 30395 | | 2011-01-24 | 2011-01-24 10:28 |
|
보통 링크의 점선을 없애기위해 자바스크립트를 이용하거나 onfocus=this.blur(); 이런식으로 처리를 해왔습니다. 그러나 css를 이용하면 간단하게 처리를 할 수 있습니다. css 한 줄로 텍스트링크, 이미지링크 모두 처리가 가능합니다. a { selector-dummy : ...
|
| 69 |  |
CSS
padding, margin, font, bold
 |
오작교 | 30137 | | 2010-03-23 | 2010-03-23 08:22 |
|
|
| 68 |
CSS
간단한 폰트 속성 지정
|
오작교 | 29644 | | 2011-01-24 | 2011-01-24 13:02 |
|
보통 css 에서 폰트 속성을 지정할 때 아래와 같이 하지요... {font-family:굴림; font-size:9pt; color:black} 이것을 좀 더 간단하게 지정할 수 있습니다. {font:9pt "굴림"; color:black}<!--"< </
|
| 67 |
CSS
이미지 맵 태그 -1
|
오작교 | 28848 | | 2010-05-25 | 2010-08-19 13:22 |
|
|
| 66 |
CSS
a태그에서 밑줄 없애기와 이미지 고정
|
오작교 | 26784 | | 2009-07-07 | 2009-07-07 17:22 |
|
☞ 밑줄 없애기 & 앵커 가상 클래스 효과 먼저 우리가 글자에 하이퍼링크를 설정해주면 글자가 파란색으로 변하면서 밑줄이 쫙~ 생기죠... 이걸 없에는 방법이 있습니다. 물론 스타일시트를 이용해서 없앨 수 있습니다. 게다가 앵커 가상 클래스까지 첨부시...
|
| 65 |
CSS
포토샵 태그 - 2
|
오작교 | 26650 | | 2010-05-25 | 2010-05-25 22:18 |
|
|
| 64 |
CSS
포토샵 태그 - 1
2
|
오작교 | 24546 | | 2010-05-25 | 2022-01-03 11:15 |
|
|
| 63 |
CSS
CSS 글꼴 크기 대조표
|
오작교 | 23486 | | 2011-06-03 | 2011-06-03 10:29 |
|
CSS 글꼴단위 대조표 points pixels ems percent 6pt 8px 0.5em 50% 7pt 9px 0.55em 55% 7.5pt 10px 0.625em 62.5% 8pt 11px 0.7em 70% 9pt 12px 0.75em 75% 10pt 13px 0.8em 80% 10.5pt 14px 0.875em 87.5% 11pt 15px 0.95em 95% 12pt 16px 1em 100% 13pt 17...
|
| 62 |
CSS
단어와 글자 여백을 조정하는 스타일
|
오작교 | 19237 | | 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>
|
| 61 |
CSS
CSS를 활용한 배경 투명하게 하기
|
오작교 | 17775 | 15 | 2006-09-14 | 2006-09-14 12:55 |
|
<body style="background-color:transparent"> 를 넣으면 완전한 투명프레임 아이프레임일 경우, 반투명은 속성에 <iframe src~ allowTransparency="true"></iframe> iframe 에 들어간 문서속에 style="filter: Alpha(Opacity=65);" 이렇게 스타일을 넣어 줍니...
|
| 60 |
CSS
html문서에 그라데이션 적용하기
|
오작교 | 17411 | | 2009-04-30 | 2009-04-30 09:41 |
|
스타일시트의 필터기능만으로 html 문서 내에 그라데이션 효과를 넣을 수 있습니다. 지금 보고 계신 테이블에는 수직그라데이션을 적용했습니다. 이렇게 가로방향으로 수평그라데이션을 적용할 수도 있습니다. <body>태그 안에 삽입할 경우, 문서 전체배경의 ...
|
| 59 |
CSS
스타일 시트 위치조정과 레이어 조정
|
오작교 | 17318 | | 2009-07-07 | 2009-07-07 17:18 |
|
이번 장에서는 스타일 시트 위치지정과 레이어에 대해서 알아보겠다. ☞ position , left , top 스타일 시트의 요소의 위치를 조절해주는 속성이다. h2 { position: absolute; left: 100px; top:40px; } 대충 이렇게 사용됩니다. position 속성의 경우 absolute...
|
| 58 |
CSS
background-image
|
오작교 | 17249 | | 2009-07-07 | 2010-04-13 13:29 |
|
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...
|
| 57 |
CSS
background-image - 2
|
오작교 | 16490 | | 2009-07-07 | 2010-04-13 13:31 |
|
☞ background-position 배경 이미지의 위치를 조절해주는 속성입니다. 속성값은 키워드식 , 픽셀방식 , 퍼센트(%) 방식이 있습니다. 키워드 방식 body { background-position: top left; } 픽셀방식 body { background-position: 40px 50px } 퍼센트 방식 body...
|
| 56 |
CSS
margin의 속성
|
오작교 | 15650 | | 2009-07-07 | 2009-07-07 16:57 |
|
마진(margin).....이란..? 설명하자면 여백을 조절하는 속성이라고 할 까요? 이건 예제를 보면서 익히면 금방 이해하실 수 있을 겁니다. 예제를 보기 전에 참고적으로 , margin속성의 수치단위는 px , pt , in ,cm를 사용할 수 있고요... 마이너스(-)값도 사용...
|
| 55 |
CSS
div 태그의 위치속성에서 relative와 absolute 차이
1
|
오작교 | 15605 | | 2008-01-09 | 2008-01-09 13:33 |
|
포지션에 대한 속성에서 absolute와 relative를 보면 absolute(절대적 위치) 브라우저를 기준으로 위치 속성을 사용 하며 parent 요소에 의해 하위 위치에 있다면 그 곳을 기준으로 합니다. 즉, 레이어 속성인 z-index를 쓸경우 top, left, right, bottom을 통...
|
