Fieldset이용하기

오작교 15년 전 69198

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

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

꽃 씨꽃씨 - 서정윤

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

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

필드셋

<fieldset>필드셋</fieldset>

제목내용

크기 바꾸기

두께, 모양, 색 바꾸기

여백 넣기

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

꽃 씨꽃씨 - 서정윤

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

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

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

번호	분류	제목	글쓴이	날짜	조회	추천
공지	HTML	HTML 기초 다지기 4	오작교	08.06.17.16:26	289981	0
공지	HTML	HTML과 CSS의 종합 정리 1	오작교	07.10.01.10:21	349005	0
공지	일반	스타일시트의 총정리	오작교	06.09.14.13:08	293607	+14
300		normal window.open() 사용례	오작교	23.12.10.09:32	14426	0
299	Script	normal window.open() 함수 사용법	오작교	23.12.10.09:29	19708	0
298	CSS	normal 스크롤바 디자인 하기 1	오작교	21.01.09.14:18	40649	0
297	HTML	normal html 특수문자 리스트	오작교	15.09.17.08:58	116252	0
296	HTML	normal html4와 5의 요소와 속성 차이	오작교	15.09.13.21:38	21525	0
295	HTML	normal html4와 5의 차이	오작교	15.09.13.21:30	25097	0
294	HTML	normal 테이블 프레임 속성	오작교	15.08.30.12:19	52713	0
293	Script	normal 윈도우 객체.. 새 창 관련	오작교	15.05.12.14:06	21090	0
292	HTML	file 미디어 재생 type=audio_x-ms-wma 1	오작교	12.03.08.13:51	35864	0
291	HTML	normal html 요소 이름의 플어쓴 말과 한국말 표현	오작교	11.06.03.10:44	40685	0
290	CSS	normal CSS 글꼴 크기 대조표	오작교	11.06.03.10:29	70587	0
289	Script	normal 싸이트 머문 시간 표시하기	오작교	11.03.22.11:19	43399	0
288	Script	normal 싸이트 접속시 다른 곳으로 유도하기	오작교	11.03.22.11:15	38154	0
287	Script	normal 방문자의 모니터 해상도를 나타내는 소스	오작교	11.03.22.11:07	37042	0
286	HTML	normal iframe 태그에 관하여....	오작교	11.01.25.10:27	36140	0
285	CSS	normal 간단한 폰트 속성 지정	오작교	11.01.24.10:40	35307	0
284	HTML	normal 셀렉트 박스에서의 정열	오작교	11.01.24.10:39	37022	0
283	Script	normal a href="#" 사용을 할 때 유의사항	오작교	11.01.24.10:34	38041	0
282	CSS	normal 간단히 탭 메뉴 만들기	오작교	11.01.24.10:31	37668	0
281	CSS	normal 간단히 링크 점선 없애는 방법 1	오작교	11.01.24.10:27	36145	0

검색 쓰기

이전첫 페이지입니다

12 3 4 5 6 7 8 9 10 ... 15끝

신고

댓글 삭제

공유

검색

로그인