통합검색
제목+내용
제목
내용
처음으로
방명록으로
게시판으로
쓸만한 곳간으로
잊혀진 시간으로
테마음악방으로
윈도우7, 비스타
태그 강좌
HTML등
포토샵
태그 사전
태그 연습장
문자 태그
마퀴태그
스크롤바 생성기
테마음악방
로그인
로그인 유지
회원가입
ID/PW 찾기
인증메일 재발송
HTML등
포토샵
2019.
11
일
월
화
수
목
금
토
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
글 수
74
회원가입
로그인
글자정렬
오작교
https://park5611.pe.kr/xe/Study_02/128804
2006.04.17
14:11:08 (*.105.151.226)
15556
24
/
0
CSS
목록
웹상에서 문서를 작성하다 보면 좌측 뿐만 아니라 우측에도 반듯하게 정렬이 되었으면 할 때가 있습니다.
그럴 때 사용할 수 있는 간단한 CSS입니다.
<div style='text-align:justify'>
글내용
</div>
이 게시물을
목록
번호
분류
HTML (68)
CSS (74)
Script (87)
Swish (3)
일반 (54)
PHP (16)
글쓴이
조회 수
추천 수
날짜
최근 수정일
공지
HTML
HTML 기초 다지기
4
오작교
230811
2008-06-17
2010-08-19 13:08
공지
HTML
HTML과 CSS의 종합 정리
1
오작교
300648
2007-10-01
2010-08-19 12:45
공지
일반
스타일시트의 총정리
오작교
248790
14
2006-09-14
2010-08-19 12:45
34
CSS
텍스트를 정열하는 css
오작교
19191
2009-07-07
2009-07-07 16:43
text-align 속성은 뭘 까요? 그냥 척 보면 알겠죠.... 정렬해주는 기능이죠. 뭘 정렬해주냐고요? 글자뿐만 아니라 이 속성에 포함된 요소의 정렬방식을 결정해주는 기능을 합니다. text-indent속성은 들여쓰기의 길이를 정해주는 기능을 합니다. 들여쓰기가 뭔...
33
CSS
margin의 속성
오작교
19528
2009-07-07
2009-07-07 16:57
마진(margin).....이란..? 설명하자면 여백을 조절하는 속성이라고 할 까요? 이건 예제를 보면서 익히면 금방 이해하실 수 있을 겁니다. 예제를 보기 전에 참고적으로 , margin속성의 수치단위는 px , pt , in ,cm를 사용할 수 있고요... 마이너스(-)값도 사용...
32
CSS
스타일시트 -1
오작교
19566
17
2006-04-17
2006-04-17 16:03
스타일 시트란 ? 홈페이지 만드실때 이런 생각들 해보셨을 겁니다. 한글 문서 작성하듯이 서식과 양식 스타일등을 자유자재로 쓸수 있음 얼마나 좋을까... 자, 이러한 불편을 덜어주기 위해서 나온것이 css(cascading style sheet) 이랍니다. html 4.0의 가장 ...
31
CSS
background-image - 2
오작교
19801
2009-07-07
2010-04-13 13:31
☞ background-position 배경 이미지의 위치를 조절해주는 속성입니다. 속성값은 키워드식 , 픽셀방식 , 퍼센트(%) 방식이 있습니다. 키워드 방식 body { background-position: top left; } 픽셀방식 body { background-position: 40px 50px } 퍼센트 방식 body...
30
CSS
배경 고정시키기
오작교
19961
15
2006-04-17
2006-04-17 16:14
보통 스크롤을 하게 되면 배경 화면도 같이 주루룩 스크롤되기 마련인데 배경이 한군데 고정되어 있는 사이트를 보셨을 겁니다. 우선 예를 한번 볼까요? 멀릴 갈것도 없이 예동의 뽀엠 누나(정녕 누나일까;;;) 홈에 가 보시면(https://poeme.yedong.com) 오른...
29
CSS
스타일 시트 위치조정과 레이어 조정
오작교
20922
2009-07-07
2009-07-07 17:18
이번 장에서는 스타일 시트 위치지정과 레이어에 대해서 알아보겠다. ☞ position , left , top 스타일 시트의 요소의 위치를 조절해주는 속성이다. h2 { position: absolute; left: 100px; top:40px; } 대충 이렇게 사용됩니다. position 속성의 경우 absolute...
28
CSS
글자 반전시키기
오작교
21359
18
2006-04-17
2006-04-17 16:15
이번에는 이미지가 아닌 글자 자체를 반전시켜 나타내는 법을 알려드리겠습니다. 아래를 보시면 글자가 뒤집어져서 보여지는걸 보실수 있으실 겁니다. N+gine N+gine 위처럼 두 문자가 반전된 효과를 보실수 있으실 겁니다. 사용은 별로 어렵지 않습니다. 위의...
27
CSS
칼라에 관한 스타일시트-3
오작교
22550
22
2006-05-06
2006-05-06 10:20
☞ background-position 배경 이미지의 위치를 조절해주는 속성입니다. 속성값은 키워드식 , 픽셀방식 , 퍼센트(%) 방식이 있습니다. 키워드 방식 body { background-position: top left; } 픽셀방식 body { background-position: 40px 50px } 퍼센트 방식 body...
26
CSS
background-image
오작교
22932
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...
25
CSS
단어와 글자 여백을 조정하는 스타일
오작교
23305
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>
24
CSS
컬러와 관련된 속성들 -1
오작교
23373
2009-07-07
2009-07-07 17:04
컬러와 관련된 스타일 시트 속성으로는 color , background-color , background-image , background-repeat , background-attachment , background-position , background 등이 있습니다. 모두 다 색상, 배경색과 배경이미지에 대한 것들인데요. ☞ color , bac...
23
CSS
Text Border 속성
오작교
24231
2009-07-07
2009-07-07 17:01
border속성은 해당요소의 테두리의 스타일을 지정하는 기능을 합니다. margin보다는 좁은 영역을 가지는 데요. border-width 속성은 테두리의 굵기를 지정해주고, border-color 속성은 색상을 , border-style 속성은 스타일을 지정해주는 기능을 합니다. <styl...
22
CSS
html문서에 그라데이션 적용하기
오작교
24502
2009-04-30
2009-04-30 09:41
스타일시트의 필터기능만으로 html 문서 내에 그라데이션 효과를 넣을 수 있습니다. 지금 보고 계신 테이블에는 수직그라데이션을 적용했습니다. 이렇게 가로방향으로 수평그라데이션을 적용할 수도 있습니다. <body>태그 안에 삽입할 경우, 문서 전체배경의 ...
21
CSS
스크롤바 디자인 하기
1
오작교
28001
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; } /* 실질적 스크롤 바 */...
20
CSS
포토샵 태그 - 1
2
오작교
28828
2010-05-25
2022-01-03 11:15
19
CSS
홈페이지에 웹폰트 적용시키기
오작교
29120
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...
18
CSS
a태그에서 밑줄 없애기와 이미지 고정
오작교
29922
2009-07-07
2009-07-07 17:22
☞ 밑줄 없애기 & 앵커 가상 클래스 효과 먼저 우리가 글자에 하이퍼링크를 설정해주면 글자가 파란색으로 변하면서 밑줄이 쫙~ 생기죠... 이걸 없에는 방법이 있습니다. 물론 스타일시트를 이용해서 없앨 수 있습니다. 게다가 앵커 가상 클래스까지 첨부시...
17
CSS
Filter Grow 적용하기
오작교
30011
25
2006-05-06
2006-05-06 20:23
엄숙한 시간 지금 이 세상 어디에선가 우는 사람은, 까닭없이 이 세상에서 우는 사람은 내가 슬퍼 울고 있다. 지금 이 밤 어디에선가 웃는 사람은, 까닭없이 이 밤에 웃는 사람은 나를 비웃고 있다.지금 이 세상 어디에선가 가고 있는 사람은, 까닭없이 이 세...
16
CSS
포토샵 태그 - 2
오작교
30182
2010-05-25
2010-05-25 22:18
15
CSS
여러방법의 창닫기
오작교
30311
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...
목록
쓰기
첫 페이지
1
2
3
4
끝 페이지
제목+내용
제목
내용
댓글
이름
닉네임
아이디
태그
검색
취소
Close Login Forms
XE Login
아이디
비밀번호
로그인 유지
회원가입
ID/PW 찾기
인증메일 재발송