Skip to content
컴퓨터잡담
2010.07.05 23:19

CSS를 이용한 DIV 둥근 테두리 만들기.

조회 수 11710 추천 수 0 댓글 1
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

CSS를 이용한 DIV 둥근 테두리 만들기.


<style type="text/css">  

#r {width: 250px ;font:bold 7pt tahoma;color:gray;} 

#r b{display:block;height:1px;overflow:hidden;} 

#r b, #r #r5{border: gray ;background: white ;} 

#r #r1{background: gray ;} 

#r #r1{margin:0px 5px 0px 5px;} 

#r #r2{border-left:solid 2px;border-right:solid 2px;margin:0px 3px 0px 3px;} 

#r #r3, #r #r4, #r #r5{border-left:solid 1px;border-right:solid 1px;} 

#r #r3{margin:0px 2px 0px 2px;} 

#r #r4{height:2px;} 

#r #r4{margin:0px 1px 0px 1px;} 

#r #r5{padding:0px 5px 0px 5px;} 

</style> 


<div id=r> <b id=r1></b><b id=r2></b><b id=r3></b><b id=r4></b> 

<div id=r5 style="height:300px">


<!-- 내용 시작 -->

둥근모서리 연습


</div> 

<b id=r4></b><b id=r3></b><b id=r2></b><b id=r1></b> </div>






로그인 후 댓글쓰기가 가능합니다.

?

http://urin79.com

우린친구블로그

sketchbook5, 스케치북5

sketchbook5, 스케치북5

나눔글꼴 설치 안내


이 PC에는 나눔글꼴이 설치되어 있지 않습니다.

이 사이트를 나눔글꼴로 보기 위해서는
나눔글꼴을 설치해야 합니다.

설치 취소