css高手请进用divcss制作圆角矩形的原理

css高手请进用divcss制作圆角矩形的原理

其实很简单,圆角它靠1px的高度来拼起来的

比如:

大层div宽度为100px;

圆角开始:上

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

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

第二行div,高度为1px; 宽度为98px; 左右两边挤开1px,

第四行diV: 内容

圆角开始:下

第一行div,高度为1px; 宽度为98px; 左右两边挤开1px,

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

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

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

首页