CSS3을 사용하여 둥근 모서리 예제 코드 만들기

요즘에는 CSS3를 사용하여 둥근 모서리를 만드는 일이 많아지고 있습니다.

/* set millions of background images */
.rbroundbox { background: url(nt.gif) repeat; }
.rbtop p { background: url(tl.gif) no-repeat top left; }
.rbtop { background: url(tr.gif) no-repeat top right; }
.rbbot p { background: url(bl.gif) no-repeat bottom left; }
.rbbot { background: url(br.gif) no-repeat bottom right; }
/* height and width stuff, width not really nessisary. */
.rbtop p, .rbtop, .rbbot p, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 50%; margin: 1em auto; }

2. [코드]

아아아

위 내용은 CSS3을 사용하여 둥근 모서리 예제 코드 만들기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!