四角变圆滑

[html] view plaincopyprint?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>word</title>  
</head>  
  
<body>  
<div style="border:3px #000 solid;border-top-right-radius:10px; border-top-left-radius:5px; border-bottom-left-radius:6px; border-bottom-right-radius:20px; width:50px; height:50px; background:#f60;"></div>  
  
<div style="border:3px #000 solid;border-radius:10px; width:100px; height:50px; background:#fff;"></div>  
</body>  
</html>
posted @ 2012-11-03 08:36  fovi  阅读(152)  评论(0编辑  收藏  举报