Fieldset이용하기

오작교 15년 전 69053

fieldset를 이용하면 테두리를 여러모로 유용하게 이용할 수 있습니다. 겉보기에는 테이블과 별 차이가 없어 보이지만 약간 다릅니다.

한 칸으로 구성된 박스를 만들 때 테이블을 사용하면 tr 이나 td 도 따로 넣어야 하는 수고가 따르지만, fieldset 은 그런 번거로움이 없습니다.제목이 박스 위의 테두리에 걸쳐 있다는 점도 특이하죠?

꽃 씨꽃씨 - 서정윤

눈물보다 아름다운 시를 써야지.
꿈속에서나 만날 수 있는
그대 한 사람만을 위해
내 생명 하나의 유리이슬이 되어야지.

의 원하시는 곳에 아래처럼 필드셋태그를 넣으시면 됩니다.

필드셋

<fieldset>필드셋</fieldset>

제목내용

크기 바꾸기

두께, 모양, 색 바꾸기

여백 넣기

응용하면 아래와 같은 모양으로 발전(?)시킬 수 있습니다.

꽃 씨꽃씨 - 서정윤

눈물보다 아름다운 시를 써야지.
꿈속에서나 만날 수 있는
그대 한 사람만을 위해
내 생명 하나의 유리이슬이 되어야지.

1은 테두리 굵기, navy는 테두리 색, bg.gif는 배경그림의 경로 및 이름
300은 박스의 가로 크기, 200은 박스의 세로 크기, 15는 박스 내부의 여백

배경그림 넣는 방법은 스타일시트로 배경그림 고정시키기 를 참고하시면 됩니다.

번호	분류	제목	글쓴이	날짜	조회	추천
공지	HTML	HTML 기초 다지기 4	오작교	08.06.17.16:26	287541	0
공지	HTML	HTML과 CSS의 종합 정리 1	오작교	07.10.01.10:21	346593	0
공지	일반	스타일시트의 총정리	오작교	06.09.14.13:08	291229	+14
66	HTML	normal html 특수문자 리스트	오작교	15.09.17.08:58	116124	0
65	HTML	normal html4와 5의 요소와 속성 차이	오작교	15.09.13.21:38	21412	0
64	HTML	normal html4와 5의 차이	오작교	15.09.13.21:30	24987	0
63	HTML	normal 테이블 프레임 속성	오작교	15.08.30.12:19	52588	0
62	HTML	file 미디어 재생 type=audio_x-ms-wma 1	오작교	12.03.08.13:51	35743	0
61	HTML	normal html 요소 이름의 플어쓴 말과 한국말 표현	오작교	11.06.03.10:44	40554	0
60	HTML	normal iframe 태그에 관하여....	오작교	11.01.25.10:27	36035	0
59	HTML	normal 셀렉트 박스에서의 정열	오작교	11.01.24.10:39	36873	0
58	HTML	normal iframe의 속성	오작교	10.05.25.23:34	48802	0
57	HTML	normal textarea에 글자 넣기 및 응용	오작교	09.04.30.10:02	25703	0
	HTML	normal Fieldset이용하기	오작교	09.04.17.01:06	69053	0
55	HTML	normal 자주 사용하는 태그들 1	오작교	08.09.01.16:06	38218	0
54	HTML	normal 우리를 당황하게 하는 것(테이블 태그) 1	오작교	08.08.20.10:46	19259	0
53	HTML	normal 버튼 input 태그에 대하여 알아보기(펌글)	오작교	08.06.17.16:51	21083	0
52	HTML	normal iframe 만들어 보기 2	오작교	08.06.17.16:47	46213	0
51	HTML	normal A 태그를 다른 것으로 바꾸어 보자	오작교	08.02.23.12:25	20032	0
50	HTML	normal input 태그의 기초	오작교	08.02.23.12:19	32058	0
49	HTML	normal 테이블 배경이미지도 크기를 지정해보자	오작교	08.02.23.11:42	29875	0
48	HTML	normal 마우스를 링크위에 올리면 소리내기	오작교	08.01.08.16:02	36296	0
47	HTML	normal Div란 무엇일까?	오작교	07.10.25.12:42	41622	0

번호

분류

제목

글쓴이

날짜

조회

신고

댓글 삭제

공유

검색

로그인