★ 편지지 소스용 글상자 유형 ★
1. 기본형
기본적으로
rows(줄 수),
cols(한 줄에 입력할 수 있는 글자 수)만 지정하여 만들 수 있으며
rows와 cols의 값은 사용자가 지정할 수 있는 임의의 숫자입니다.
( 기본형 소스입니다 )
※ 여기서 잠깐...
<p align=center> 태그 와 <center> 태그 사용의 차이는
<center> 사용 시는 위 게시물과 공간 없이 바짝 붙어
필요시 사이를 주려면 <br> 태그 등을 추가해야 하나,
<p align=center> 태그를 사용하면 p 태그 자체가 독립구역을 갖는
성질이 있어 자동으로 공간 확보를 해 줍니다.
태그 선택은 사용자 몫으로....
★ 기본형 소스에 style 태그를 추가하여 아래 사항들을 옵션으로 선택하여
다양한 모양과 내용물로 꾸밀 수 있습니다 ★
- 크기는 rows와 cols 값으로 변경할 수 있습니다.
또는 width="" height="" 로 지정해도 됩니다.
- "padding 속성과 값"으로 글상자와 소스 사이에 여백을 줄 수 있습니다.
- "border 속성과 값"으로
테두리의 "선 굵기, 선 모양, 선 색상" 등을 지정할 수 있습니다.
- "font 속성과 값"으로 텍스트 사양을 지정할 수 있습니다.
- "background 속성과 값으로 배경을 투명 또는 색으로 지정할 수 있습니다.
- "background 속성과 값"으로 배경에 이미지를 넣을 수 있습니다.
- "opacity 속성과 값"으로 배경을 반 투명으로 지정할 수 있습니다.
아래는 위의 속성들을 사용해 만들어 본 예제들과 해당 소스입니다.
각 옵션들을 혼햡해 원하는 스타일의 소스용 글상자를 만들면 됩니다.
2. 테두리 이중선과 여백및 배경투명형
3. 테두리 점선과 배경색형
4. 테두리 점선과 반투명형
5. 배경 이미지형
6. 테두리 이미지형