공지 |
HTML
HTML 기초 다지기
4
|
오작교 | 227312 | | 2008-06-17 | 2010-08-19 13:08 |
공지 |
HTML
HTML과 CSS의 종합 정리
1
|
오작교 | 294946 | | 2007-10-01 | 2010-08-19 12:45 |
공지 |
일반
스타일시트의 총정리
|
오작교 | 245132 | 14 | 2006-09-14 | 2010-08-19 12:45 |
74 |
CSS
div 두 개 나란히 이어 붙이기
2
|
오작교 | 82336 | | 2007-10-23 | 2007-10-23 17:35 |
아래와 같이 두 셀을 가로로 나열하기 위해 테이블로 아래와 같은 간단한 방법을 사용하실 수 있습니다. 안녕하세요 오작교의 홈입니다. <tr> <td width="200" bgcolor="#aaaaaa">안녕하세요</td> <td width="200" bgcolor="#cccccc">오작교의 홈입니다.</td> ...
|
73 |
CSS
CSS란 무엇인가?
|
오작교 | 73939 | 13 | 2006-04-17 | 2006-04-17 15:59 |
CSS 는 Cascading Style Sheets 의 약자로 일반적으로 CSS 내지는 스타일 시트 라고 불리어 집니다. 이것이 하는 주된 기능(?)은 문서의 글자모양, 크기, 링크형식 결정, 행간 길이 조절, 여러종류의 문자종류 설정, 마진값 조절, 문자에 간단한 효과주기 등입...
|
72 |
CSS
CSS 글꼴 크기 대조표
|
오작교 | 61833 | | 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...
|
71 | |
CSS
padding, margin, font, bold
|
오작교 | 55984 | | 2010-03-23 | 2010-03-23 08:22 |
|
70 |
CSS
CSS로 바꾸어 주는 HTML 소스
|
오작교 | 52055 | | 2007-09-17 | 2007-09-17 23:35 |
XHTML및 HTML 4.01부터 사용 불가능한 태그 : center, s, strike, u 등이 있습니다. center의 대책!.. CSS로 바꾸어 씁니다. text-align: center; s의 대책!..[strike 포함] CSS로 바꾸어 씁니다. text-decoration: line-through; u의 대책!.. CSS로 바꾸어 씁...
|
69 |
CSS
CSS를 활용한 배경 투명하게 하기
|
오작교 | 50974 | 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);" 이렇게 스타일을 넣어 줍니...
|
68 |
CSS
이미지 맵 태그 -3
|
오작교 | 35238 | | 2010-05-25 | 2010-05-25 23:30 |
|
67 |
CSS
간단히 탭 메뉴 만들기
|
오작교 | 34446 | | 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...
|
66 |
CSS
이미지 맵 태그 -2
|
오작교 | 33592 | | 2010-05-25 | 2010-05-25 23:27 |
|
65 |
CSS
간단히 링크 점선 없애는 방법
1
|
오작교 | 33300 | | 2011-01-24 | 2011-01-24 10:28 |
보통 링크의 점선을 없애기위해 자바스크립트를 이용하거나 onfocus=this.blur(); 이런식으로 처리를 해왔습니다. 그러나 css를 이용하면 간단하게 처리를 할 수 있습니다. css 한 줄로 텍스트링크, 이미지링크 모두 처리가 가능합니다. a { selector-dummy : ...
|
64 |
CSS
이미지 맵 태그 -1
|
오작교 | 32471 | | 2010-05-25 | 2010-08-19 13:22 |
|
63 |
CSS
간단한 폰트 속성 지정
|
오작교 | 32259 | | 2011-01-24 | 2011-01-24 13:02 |
보통 css 에서 폰트 속성을 지정할 때 아래와 같이 하지요... {font-family:굴림; font-size:9pt; color:black} 이것을 좀 더 간단하게 지정할 수 있습니다. {font:9pt "굴림"; color:black}<!--"< </
|
62 |
CSS
포토샵 태그 - 2
|
오작교 | 29906 | | 2010-05-25 | 2010-05-25 22:18 |
|
61 |
CSS
글자 좋아하시는 스타일대로 골라가세요.
|
오작교 | 29675 | 18 | 2006-11-29 | 2006-11-29 09:14 |
한마음 포털 커뮤니티 font style="font-family:돋움;font-size:12pt;color:#ffffff;width:100%;height:20;Filter:Glow(color=#0000ff,strength:2)">한마음 포털 커뮤니티/font> 한마음 포털 커뮤니티 font style="COLOR:white;FILTER:shadow(color=#0066cc);h...
|
60 |
CSS
a태그에서 밑줄 없애기와 이미지 고정
|
오작교 | 29670 | | 2009-07-07 | 2009-07-07 17:22 |
☞ 밑줄 없애기 & 앵커 가상 클래스 효과 먼저 우리가 글자에 하이퍼링크를 설정해주면 글자가 파란색으로 변하면서 밑줄이 쫙~ 생기죠... 이걸 없에는 방법이 있습니다. 물론 스타일시트를 이용해서 없앨 수 있습니다. 게다가 앵커 가상 클래스까지 첨부시...
|
59 |
CSS
Filter Grow 적용하기
|
오작교 | 28631 | 25 | 2006-05-06 | 2006-05-06 20:23 |
엄숙한 시간 지금 이 세상 어디에선가 우는 사람은, 까닭없이 이 세상에서 우는 사람은 내가 슬퍼 울고 있다. 지금 이 밤 어디에선가 웃는 사람은, 까닭없이 이 밤에 웃는 사람은 나를 비웃고 있다.지금 이 세상 어디에선가 가고 있는 사람은, 까닭없이 이 세...
|
58 |
CSS
여러방법의 창닫기
|
오작교 | 28545 | 23 | 2006-04-16 | 2006-04-16 21:41 |
<HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=ks_c_5601-1987"> <STYLE>BODY { FONT-SIZE: 12px } TD { FONT-SIZE: 12px } </STYLE> <META content="MSHTML 6.00.2600.0" name=GENERATOR></HEAD> <BODY> <TABLE cellSpacing=1 cel...
|
|
CSS
포토샵 태그 - 1
2
|
오작교 | 28396 | | 2010-05-25 | 2022-01-03 11:15 |
|
56 |
CSS
Text에 MouseOver 적용하기
1
|
오작교 | 28082 | | 2009-04-17 | 2009-04-17 01:13 |
오작교의 홈 오작교의 홈 오작교의 홈 오른쪽의 텍스트에 마우스커서를 각각 올려보세요. 간단한 방법으로 마우스커서가 글자 위에 올라갔을 때 글자에 변화를 줍니다. 별 볼 일 없는 듯하지만, 필요할 때도 있겠지요;;
|
55 |
CSS
홈페이지에 웹폰트 적용시키기
|
오작교 | 27463 | | 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...
|
html5부터는 사용이 되지 않는 태그입니다.
현재 크롬, 엣지 등 사용되고 있는 브라우저에서
지원을 하지 않은 관계로 사용하시면 효과를 볼 수 없는 태그이네요.