둥근 모서리 박스 자동 생성

둥근 모서리를 온라인에서 자동으로 만들어 사이트를 소개합니다.

☞ cornershop
 
css, html을 자동으로 만들어 주므로
자신의 웹페이지에 복사하여 넣어주기만 하면
둥근 모서리의 테이블을 쉽게 만들 수 있습니다.

***

Box Background	Page Background	Corner Radius	Transparent
				NoneForegroundBackground

Graphics
Save these and put them on your website:

nw.gif	ne.gif
sw.gif	se.gif

CSS
Paste this into a CSS file or directly in your webpage in a <style> section:

.box { background: #FFFFFF; } .boxtop { background: url(ne.gif) no-repeat top right; } .boxtop div { font-size: 0; height: 10px; background: url(nw.gif) no-repeat top left; } .boxbottom { background: url(se.gif) no-repeat bottom right; } .boxbottom div { font-size: 0; height: 10px; background: url(sw.gif) no-repeat bottom left; } .boxcontent { padding: 0px 10px 0px 10px; }

HTML
Paste this into your webpage:

<div class='box'> <div class='boxtop'><div></div></div> <div class='boxcontent'> <!-- Content goes here --> </div> <div class='boxbottom'><div></div></div> </div>

Created by Zach Beane · Powered by Common Lisp