[홈페이지 표 테두리의 각을 원호로 설정] 특수효과

run HTML codes
//<![CDATA[
var userAgent = navigator.userAgent.toLowerCase();
var is_webtv = userAgent.indexOf('webtv') != -1;
var is_kon = userAgent.indexOf('konqueror') != -1;
var is_mac = userAgent.indexOf('mac') != -1;
var is_saf = userAgent.indexOf('applewebkit') != -1 || navigator.vendor == 'Apple Computer, Inc.';
var is_opera = userAgent.indexOf('opera') != -1 && opera.version();
var is_moz = (navigator.product == 'Gecko' && !is_saf) && userAgent.substr(userAgent.indexOf('firefox') + 8, 3);
var is_ns = userAgent.indexOf('compatible') == -1 && userAgent.indexOf('mozilla') != -1 && !is_opera && !is_webtv && !is_saf;
var is_ie = (userAgent.indexOf('msie') != -1 && !is_opera && !is_saf && !is_webtv) && userAgent.substr(userAgent.indexOf('msie') + 5, 3);

function $(id) {
return document.getElementById(id);
}

function copyCode(obj) {
if(is_ie && obj.style.display != 'none') {
var rng = document.body.createTextRange();
rng.moveToElementText(obj);
rng.scrollIntoView();
rng.select();
rng.execCommand("Copy");
rng.collapse(false);
}
}

function runCode(obj) {
var winname = window.open('', "_blank", '');
winname.document.open('text/html', 'replace');
winname.document.write(obj.value);
winname.document.close();
}

function saveCode(obj) {
var winname = window.open('', '_blank', 'top=10000');
winname.document.open('text/html', 'replace');
winname.document.writeln(obj.value);
winname.document.execCommand('saveas','','code.htm');
winname.close();
}
//]]>
 

  

   
   <
   style type
   =
   "
   text/css
   "
   >
   
div#nifty{ margin: 
   0
    
   10
   %
   ;background: #9BD1FA}
p {padding:10px}

div.rtop, div.rbottom{display:block;background: #FFF}
div.rtop div, div.rbottom div{display:block;height: 1px;overflow: hidden; background: #9BD1FA}
div.r1{margin: 
   0
    5px}
div.r2{margin: 
   0
    3px}
div.r3{margin: 
   0
    2px}
div.rtop div.r4, div.rbottom div.r4{margin: 
   0
    1px;height: 2px}

   <
   /
   style>
   

   <
   div id
   =
   "
   nifty
   "
   >
   

   <
   div class
   =
   "
   rtop
   "
   ><
   div class
   =
   "
   r1
   "
   ><
   /
   div><div class="r2"><
   /
   div
   ><
   div class
   =
   "
   r3
   "
   ><
   /
   div><div class="r4"><
   /
   div
   ><
   /
   div>
   

   <
   p
   >
           
   <
   /
   p>
   

   <
   div class
   =
   "
   rtop
   "
   ><
   div class
   =
   "
   r4
   "
   ><
   /
   div><div class="r3"><
   /
   div
   ><
   div class
   =
   "
   r2
   "
   ><
   /
   div><div class="r1"><
   /
   div
   ><
   /
   div>
   

   <
   /
   div>