이미지 없는 라운드테이블 만들기 입니다.

혀니천사

· 10년 전 · 조회 372 372 · 댓글 1 1

이미지 없이 스타일쉬트로만 만들어 봅니다...

<body>

</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>

<!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>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 1개

불량학생

번호	제목	글쓴이	날짜	조회
5702	mysql 실시간 processlist #개발자 #mysql	잘살아보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	422
5701	SQL Injection 개념과 원리 #개발자 #기타	잘살아보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	755
5700	원활한 SQL Injection을 위해 숙지해야 할 mysql의 작동원리 #개발자 #mysql	잘살아보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	493
5699	mysql 일반적인 최적화 팁 #개발자 #mysql	잘살아보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	404
5698	간단한 리눅스 명령어 #개발자 #기타	잘살아보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	466
5697	모니터링에 유용한 리눅스 명령어 watch #개발자 #웹서버	잘살아보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	421
5696	mysql 데이터 경로 바꾸기 #개발자 #mysql	잘살아보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	441
5695	mysql 운영팁. 느린 쿼리를 발견하기 #개발자 #mysql	잘살아보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	387
5694	당신은 모를 수도 있는 CSS의 7가지 단위 [4] #퍼블리셔 #css	JRevirthuum 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	2265
5693	아파치 동시접속자 알아내기 #개발자 #기타	잘살아보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	606
5692	mysql index에 대해.. #개발자 #mysql	잘살아보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	345
5691	구분자는 enum으로 #개발자 #mysql	잘살아보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	390
5690	mysql zerofill에 대해 #개발자 #mysql	잘살아보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	410
5689	배달의 민족 한나, 주아, 도현체 무료 [5] #디자이너	neue 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1956
5688	지금까지 잘못 알고 있었던 MySQL int type의 진실.. [8] #개발자	JRevirthuum 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1095
5687	휴대폰 번호 - 원하는 자리에 * 로 표현 #개발자 #php	벤지 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	951
5686	윤디자인에서 배포하는 무료 글꼴? [5] #디자이너	iwebstory 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1891
5685	윤디자인 "대한체" 무료 #디자이너	iwebstory 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1161
5684	모바일 작업시 숫자인식,메일주소, 지도상의 주소링크 막기 #퍼블리셔 #html	임예니 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	906
5683	전화번호 뒷번호 **** 숨길 때 #개발자 #php	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	772
5682	한번에 업로드할 수 있는 화일 갯수 지정 #개발자 #웹서버	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	586
5681	칼럼] 디자이너로 목적을 분명히 하기 [1] #디자이너	hapd 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1169
5680	CloudFlare 사용시 방문자 IP와 SSL 접속여부 파악하기 [1] #개발자 #php	기진곰 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	908
5679	개별 라이선스에 자유로운 고도몰 고도체의 또 다른 사용규정. [5] #디자이너	묵공 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1387
5678	phpMyAdmin 시간 늘리기 [1] #개발자 #mysql	네이비칼라 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	838

이미지 없는 라운드테이블 만들기 입니다.

댓글 작성

댓글 1개

게시판 목록

팁게시판

mysql 실시간 processlist

SQL Injection 개념과 원리

원활한 SQL Injection을 위해 숙지해야 할 mysql의 작동원리

mysql 일반적인 최적화 팁

간단한 리눅스 명령어

모니터링에 유용한 리눅스 명령어 watch

mysql 데이터 경로 바꾸기

mysql 운영팁. 느린 쿼리를 발견하기

당신은 모를 수도 있는 CSS의 7가지 단위 [4]

아파치 동시접속자 알아내기

mysql index에 대해..

구분자는 enum으로

mysql zerofill에 대해

배달의 민족 한나, 주아, 도현체 무료 [5]

지금까지 잘못 알고 있었던 MySQL int type의 진실.. [8]

휴대폰 번호 - 원하는 자리에 * 로 표현

윤디자인에서 배포하는 무료 글꼴? [5]

윤디자인 "대한체" 무료

모바일 작업시 숫자인식,메일주소, 지도상의 주소링크 막기

전화번호 뒷번호 **** 숨길 때

한번에 업로드할 수 있는 화일 갯수 지정

칼럼] 디자이너로 목적을 분명히 하기 [1]

CloudFlare 사용시 방문자 IP와 SSL 접속여부 파악하기 [1]

개별 라이선스에 자유로운 고도몰 고도체의 또 다른 사용규정. [5]

phpMyAdmin 시간 늘리기 [1]