글
메모장을 열고 아래와 같이 입력한 후 css0013.htm으로 저장합니다.
Underline 설정
Overline 설정
Line-through 설정
왼쪽정렬
가운데정렬
오른쪽정렬
기준아랫첨자
기준윗첨자
노란색을 배경색으로 설정
파란색을 배경색으로 설정
붉은색을 배경색으로 설정
1. text-decoration:underline
밑줄을 설정합니다. 2. text-decoration:overline
윗줄을 설정합니다. 3. text-decoration:line-through
취소선을 설정합니다. 4. text-align:left
왼쪽 정렬입니다. 5. text-align:center
가운데 정렬입니다. 6. text-align:right
오른쪽 정렬입니다. 7. vertical-align:sub
윗첨자 설정입니다. 8. vertical-align:super
아랫첨자 설정입니다. 9. background-color:yellow
배경색을 노란색으로 설정 : 색상을 직접 입력했습니다. 10. background-color:rgb(0,0,255)
배경색을 파란색으로 설정 : rgb 색상 코드를 입력했습니다. 11. background-color:#ff0000
배경색을 붉은색으로 설정 : 색상 코드를 입력했습니다. ※배경색은 색상 이름을 직접 넣는 방법, rgb(수치,수치,수치)를 이용하는 방법, 그리고 색상코드를 입력하는 방법이 있습니다. ※vertical-align의 종류
baseline : 문자의 기초선에 맞추어 정렬
top : 문자열의 상단에 정렬
middle : 문자열의 중앙을 기초선으로 해서 정렬
bottom : 문자열의 하단에 정렬
text-top : 문자열의 위선을 기초선으로 해서 정렬
text-bottom : 문자열의 아래선을 기초선으로 해서 정렬
백분율 : 문자 높이의 백분율로 기초선 결정
Underline 설정
Overline 설정
Line-through 설정
왼쪽정렬
가운데정렬
오른쪽정렬
기준아랫첨자
기준윗첨자
노란색을 배경색으로 설정
파란색을 배경색으로 설정
붉은색을 배경색으로 설정
1. text-decoration:underline
밑줄을 설정합니다. 2. text-decoration:overline
윗줄을 설정합니다. 3. text-decoration:line-through
취소선을 설정합니다. 4. text-align:left
왼쪽 정렬입니다. 5. text-align:center
가운데 정렬입니다. 6. text-align:right
오른쪽 정렬입니다. 7. vertical-align:sub
윗첨자 설정입니다. 8. vertical-align:super
아랫첨자 설정입니다. 9. background-color:yellow
배경색을 노란색으로 설정 : 색상을 직접 입력했습니다. 10. background-color:rgb(0,0,255)
배경색을 파란색으로 설정 : rgb 색상 코드를 입력했습니다. 11. background-color:#ff0000
배경색을 붉은색으로 설정 : 색상 코드를 입력했습니다. ※배경색은 색상 이름을 직접 넣는 방법, rgb(수치,수치,수치)를 이용하는 방법, 그리고 색상코드를 입력하는 방법이 있습니다. ※vertical-align의 종류
baseline : 문자의 기초선에 맞추어 정렬
top : 문자열의 상단에 정렬
middle : 문자열의 중앙을 기초선으로 해서 정렬
bottom : 문자열의 하단에 정렬
text-top : 문자열의 위선을 기초선으로 해서 정렬
text-bottom : 문자열의 아래선을 기초선으로 해서 정렬
백분율 : 문자 높이의 백분율로 기초선 결정
'웹스터디 > xhtmlcss' 카테고리의 다른 글
CSS레이아웃 크로스 브라우징 - 도움을 주는 사이트 소개 (0) | 2008.11.30 |
---|---|
링크 걸린 텍스트에 링크표시 다는 방법 (티스토리) :: external link (0) | 2008.11.29 |
보더를 이용한 뒤집기 CSS 애니메이션 - Flip! (0) | 2008.11.27 |
css로 3D도형 그리기 (0) | 2008.11.27 |
HTML/CSS를 이용하여 화면에 보이는 삼각형의 너비와 높이 및 꼭지점 위치가 동일한 도형을 만들어 보세요. (0) | 2008.11.27 |
TABLE의 TD 고정/배경이미지 고정하는 법 (0) | 2008.11.23 |
blockquote Style 수정 (0) | 2008.11.16 |
CSS shorthand properties (단축 속성) (0) | 2008.11.16 |
파이어폭스의 default CSS (0) | 2008.11.16 |
px to em (0) | 2008.11.16 |
RECENT COMMENT