보안이슈 소모임 개설
이전
목록
다음
건

이미지 없는 라운드테이블 만들기 ^^;

느낌좋은날
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 · 2006-11-25 (토) 08:56:02 · 3743 · 5

링크

http://www.html.it/articoli/nifty/index.html (256)
이미지 없이 스타일쉬트로만 만들어 봅니다...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>이미지 없이 라운딩 박스 표현하기!</title>
<style type="text/css">
.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden; background:#CCCCCC}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}
.box { background:#CCCCCC; padding:5px 10px; font-size:12px; font-size:12px}
</style>
</head>

<body>

<div id="container">
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<div class="box">이미지 없이 라운딩 박스 표현하기!</div>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
</div>

</body>
</html>





<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>이미지 없이 라운딩 보더 표현하기!</title>
<style>
.rtop, .rbottom{display:block;}
.rtop *, .rbottom *{display:block; height:1px; overflow:hidden;}
.r1{margin:0 5px; background:#CCCCCC}
.r2{margin:0 3px; border-left:2px solid #CCCCCC; border-right:2px solid #CCCCCC;}
.r3{margin:0 2px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
.r4{margin:0 1px; height:2px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
.box { margin:0; padding:5px 10px; border-left:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px; font-size:12px}
</style>
</head>

<body>
<div id="container" style="background: #fff">
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<div class="box">이미지 없이 라운딩 보더 표현하기!</div>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b></div>
</body>
</html>





<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>이미지 없이 라운딩 박스 + 보더 표현하기!</title>
<style>
.rtop, .rbottom{display:block;}
.rtop *, .rbottom *{display:block; height:1px; overflow:hidden;}
.r1{margin:0 5px; background:#CCCCCC}
.r2{margin:0 3px; border-left:2px solid #CCCCCC; border-right:2px solid #CCCCCC; background:#EEEEEE}
.r3{margin:0 2px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; background:#EEEEEE}
.r4{margin:0 1px; height:2px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; background:#EEEEEE}
.box{ margin:0; padding:5px 10px; border-left:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px; background:#EEEEEE; font-size:12px}
</style>
</head>

<body>
<div id="container" style="background: #fff">
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<div class="box">이미지 없이 라운딩 박스 + 보더 표현하기!</div>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b></div>
</body>
</html>

출처-phpschool + http://www.html.it/articoli/nifty/index.html<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
#개발자팁 #개발자 #팁자료실 #php
|

댓글 5개

천상재회
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2006-11-25 (토) 08:59:20
이 좋은 것을.....

감사합니다....

제 홈에 언능 가져다가 해 볼렵니다...^^
느낌좋은날
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2006-11-25 (토) 09:00:49
저도 저 곳 게시판 보다 소스를 넣어서 봤는데 좋더라구요 얼른 업어가세요 ^^;
열정
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2006-11-29 (수) 11:09:25
테스트해본결과.....넘좋군요...감사합니다...^^
뮤죤
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2007-05-24 (목) 23:26:53
너무 좋음. ^^ 고맙습니다.
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
06-11-28 조회 4,155
06-11-28 조회 6,445
06-11-27 조회 3,671
06-11-27 조회 4,592
06-11-27 조회 5,493
06-11-25 조회 3,744
06-11-24 조회 3,696
06-11-22 조회 5,372
06-11-21 조회 3,988
06-11-18 조회 4,206
06-11-15 조회 3,426
06-11-15 조회 3,457
06-11-11 조회 3,184
06-11-10 조회 4,573
06-11-04 조회 3,306
06-10-29 조회 3,959
06-10-29 조회 2,972
06-10-24 조회 6,490
06-10-17 조회 4,802
06-10-17 조회 5,534
06-10-16 조회 4,282
06-10-16 조회 3,707
06-10-15 조회 5,097
06-10-13 조회 3,823
06-10-13 조회 4,194
06-10-13 조회 4,155
06-10-12 조회 5,346
06-10-12 조회 4,316
06-10-12 조회 4,258
06-10-12 조회 4,822
06-10-10 조회 4,149
06-10-10 조회 3,391
06-10-10 조회 3,448
06-10-10 조회 3,377
06-10-09 조회 4,001
06-10-04 조회 3,750
06-10-02 조회 4,538
06-10-01 조회 4,447
06-09-29 조회 3,027
06-09-29 조회 3,942
06-09-27 조회 9,031
06-09-27 조회 3,681
06-09-26 조회 4,337
06-09-26 조회 4,049
06-09-26 조회 4,189
06-09-26 조회 3,364
06-09-26 조회 3,628
06-09-26 조회 5,340
06-09-26 조회 3,452
06-09-26 조회 5,453
06-09-26 조회 3,576
06-09-26 조회 3,269
06-09-26 조회 3,501
06-09-26 조회 3,063
06-09-26 조회 3,631
06-09-26 조회 3,418
06-09-26 조회 4,328
06-09-26 조회 3,024
06-09-26 조회 4,721
06-09-25 조회 3,932
06-09-25 조회 4,670
06-09-25 조회 4,628
06-09-25 조회 4,371
06-09-25 조회 6,630
06-09-23 조회 3,327
06-09-23 조회 3,425
06-09-23 조회 3,471
06-09-23 조회 4,556
06-09-22 조회 4,958
06-09-22 조회 4,902
06-09-22 조회 3,530
06-09-22 조회 3,678
06-09-22 조회 3,891
06-09-22 조회 4,311
06-09-22 조회 3,757
06-09-22 조회 3,889
06-09-22 조회 3,707
06-09-22 조회 3,498
06-09-22 조회 4,527
06-09-22 조회 4,549
06-09-22 조회 4,248
06-09-21 조회 6,056
06-09-21 조회 3,845
06-09-21 조회 4,567
06-09-21 조회 4,301
06-09-21 조회 3,226
06-09-21 조회 4,313
06-09-21 조회 2,976
06-09-21 조회 3,449
06-09-21 조회 3,527
06-09-21 조회 5,178
06-09-21 조회 4,307
06-09-21 조회 4,264
06-09-21 조회 3,704
06-09-21 조회 3,175
06-09-21 조회 2,699
06-09-21 조회 3,600
06-09-21 조회 3,441
06-09-21 조회 2,898
06-09-21 조회 2,940
글쓰기