공지 |
HTML
HTML 기초 다지기
4
|
오작교 | 227811 | | 2008-06-17 | 2010-08-19 13:08 |
공지 |
HTML
HTML과 CSS의 종합 정리
1
|
오작교 | 295475 | | 2007-10-01 | 2010-08-19 12:45 |
공지 |
일반
스타일시트의 총정리
|
오작교 | 245577 | 14 | 2006-09-14 | 2010-08-19 12:45 |
14 |
CSS
Text Border 속성
|
오작교 | 23185 | | 2009-07-07 | 2009-07-07 17:01 |
border속성은 해당요소의 테두리의 스타일을 지정하는 기능을 합니다. margin보다는 좁은 영역을 가지는 데요. border-width 속성은 테두리의 굵기를 지정해주고, border-color 속성은 색상을 , border-style 속성은 스타일을 지정해주는 기능을 합니다. <styl...
|
13 |
CSS
컬러와 관련된 속성들 -1
|
오작교 | 22621 | | 2009-07-07 | 2009-07-07 17:04 |
컬러와 관련된 스타일 시트 속성으로는 color , background-color , background-image , background-repeat , background-attachment , background-position , background 등이 있습니다. 모두 다 색상, 배경색과 배경이미지에 대한 것들인데요. ☞ color , bac...
|
12 |
CSS
background-image
|
오작교 | 22581 | | 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...
|
11 |
CSS
background-image - 2
|
오작교 | 19585 | | 2009-07-07 | 2010-04-13 13:31 |
☞ background-position 배경 이미지의 위치를 조절해주는 속성입니다. 속성값은 키워드식 , 픽셀방식 , 퍼센트(%) 방식이 있습니다. 키워드 방식 body { background-position: top left; } 픽셀방식 body { background-position: 40px 50px } 퍼센트 방식 body...
|
10 |
CSS
스타일 시트 위치조정과 레이어 조정
|
오작교 | 20686 | | 2009-07-07 | 2009-07-07 17:18 |
이번 장에서는 스타일 시트 위치지정과 레이어에 대해서 알아보겠다. ☞ position , left , top 스타일 시트의 요소의 위치를 조절해주는 속성이다. h2 { position: absolute; left: 100px; top:40px; } 대충 이렇게 사용됩니다. position 속성의 경우 absolute...
|
9 |
CSS
a태그에서 밑줄 없애기와 이미지 고정
|
오작교 | 29712 | | 2009-07-07 | 2009-07-07 17:22 |
☞ 밑줄 없애기 & 앵커 가상 클래스 효과 먼저 우리가 글자에 하이퍼링크를 설정해주면 글자가 파란색으로 변하면서 밑줄이 쫙~ 생기죠... 이걸 없에는 방법이 있습니다. 물론 스타일시트를 이용해서 없앨 수 있습니다. 게다가 앵커 가상 클래스까지 첨부시...
|
8 |
CSS
스크롤바 디자인 하기
1
|
오작교 | 26397 | | 2021-01-09 | 2022-02-02 11:30 |
scroll bar 디자인::-webkit-scrollbar { width: 5.2px; } /* 스크롤 바 */ ::-webkit-scrollbar-track { background-color:#fff; } /* 스크롤 바 밑의 배경 */ ::-webkit-scrollbar-thumb { background: #ddd; border-radius: 10px; } /* 실질적 스크롤 바 */...
|
7 |
CSS
포토샵 태그 - 1
2
|
오작교 | 28426 | | 2010-05-25 | 2022-01-03 11:15 |
|
6 |
CSS
포토샵 태그 - 2
|
오작교 | 29926 | | 2010-05-25 | 2010-05-25 22:18 |
|
5 | |
CSS
padding, margin, font, bold
|
오작교 | 56076 | | 2010-03-23 | 2010-03-23 08:22 |
|
4 |
CSS
CSS 글꼴 크기 대조표
|
오작교 | 61930 | | 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...
|
3 |
CSS
CSS로 바꾸어 주는 HTML 소스
|
오작교 | 52176 | | 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로 바꾸어 씁...
|
2 |
CSS
div 두 개 나란히 이어 붙이기
2
|
오작교 | 82369 | | 2007-10-23 | 2007-10-23 17:35 |
아래와 같이 두 셀을 가로로 나열하기 위해 테이블로 아래와 같은 간단한 방법을 사용하실 수 있습니다. 안녕하세요 오작교의 홈입니다. <tr> <td width="200" bgcolor="#aaaaaa">안녕하세요</td> <td width="200" bgcolor="#cccccc">오작교의 홈입니다.</td> ...
|
1 |
CSS
이미지 맵 태그 -1
|
오작교 | 32498 | | 2010-05-25 | 2010-08-19 13:22 |
|