• 돌아가기
  • 아래로
  • 위로
  • 목록
  • 댓글
HTML

fieldset을 이용한 예쁜 공지창을 만들기

오작교 26953

0

 


예제


오작교 Field 간단한 공지사항으로 사용





 


기본적인 태그



<fieldset><legend align="center">제목</legend>내용</fieldset>


 


색상 변경
 style="border:1 solid 테두리 색상"


또는
style="border:1 solid; border-top-color: 위쪽색상;border-right-color: 오른쪽 색상;border-left-color: 왼쪽 색상;border-bottom-color: 아래쪽 색상"


안쪽 간격
style="padding:안쪽간격"


크기지정
style="width:가로픽셀; height:세로픽셀"


두께 지정
style="border-left-width:두께"


위에 예제 소스


 







<fieldset style="border:1 solid;padding:5; border-top-color: ff3366;border-right-color: ff3366;border-left-color: ff3366;border-bottom-color: ff3366;border-left-width:10;"><legend align="center"><font color="#FF3366" face="Tahoma">오작교 Field </font></legend><font face="돋움">간단한 공지사항으로 사용</font></fieldset>

공유
0

댓글 쓰기 권한이 없습니다. 로그인

취소 댓글 등록

신고

"님의 댓글"

이 댓글을 신고하시겠습니까?

댓글 삭제

"님의 댓글"

삭제하시겠습니까?

목록

공유

facebooktwitterpinterestbandkakao story
검색어 : 201912
번호 분류 제목 글쓴이 날짜 조회 추천
공지 HTML HTML 기초 다지기 4 오작교 08.06.17.16:26 291172 0
공지 HTML HTML과 CSS의 종합 정리 1 오작교 07.10.01.10:21 350142 0
공지 일반 스타일시트의 총정리 오작교 06.09.14.13:08 294773 +14
66 HTML
normal
오작교 15.09.17.08:58 116442 0
65 HTML
normal
오작교 15.09.13.21:38 21715 0
64 HTML
normal
오작교 15.09.13.21:30 25293 0
63 HTML
normal
오작교 15.08.30.12:19 52891 0
62 HTML
file
오작교 12.03.08.13:51 36048 0
61 HTML
normal
오작교 11.06.03.10:44 40874 0
60 HTML
normal
오작교 11.01.25.10:27 36335 0
59 HTML
normal
오작교 11.01.24.10:39 37221 0
58 HTML
normal
오작교 10.05.25.23:34 49041 0
57 HTML
normal
오작교 09.04.30.10:02 25912 0
56 HTML
normal
오작교 09.04.17.01:06 69298 0
55 HTML
normal
오작교 08.09.01.16:06 38456 0
54 HTML
normal
오작교 08.08.20.10:46 19449 0
53 HTML
normal
오작교 08.06.17.16:51 21269 0
52 HTML
normal
오작교 08.06.17.16:47 46439 0
51 HTML
normal
오작교 08.02.23.12:25 20229 0
50 HTML
normal
오작교 08.02.23.12:19 32327 0
49 HTML
normal
오작교 08.02.23.11:42 30077 0
48 HTML
normal
오작교 08.01.08.16:02 36531 0
47 HTML
normal
오작교 07.10.25.12:42 41847 0