div+css 画圆角矩形

 
 
div+css制作圆角矩形 
 
 
 

 
 
 
 
 
 
 
 
内容
 
内容
 
内容
 
内容
 
 
 
 
 
 
 
 
 
 
 


div+css制作圆角矩形











内容

内容

内容

内容










 

以下摘自 百度知道

圆角它靠1px的高度来拼起来的
比如: 大层div宽度为100px;

圆角开始:上

第一行div,高度为1px; 宽度为94px; 左右两边挤开3px,
第二行div,高度为1px; 宽度为96px; 左右两边挤开2px,
第三行div,高度为1px; 宽度为98px; 左右两边挤开1px,

内容

圆角开始:下

第一行div,高度为1px; 宽度为98px; 左右两边挤开1px,
第二行div,高度为1px; 宽度为96px; 左右两边挤开2px,
第三行div,高度为1px; 宽度为94px; 左右两边挤开3px,


两边的边距自定,这样就形成一个弧形了。

 

本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/dfzone/archive/2009/02/06/3867010.aspx

你可能感兴趣的:(div+css 画圆角矩形)