div+css制作圆角矩形

学习了用div+css制作圆角矩形,先记下来

div+css制作圆角矩形

内容
内容
内容
内容

 

div+css制作圆角矩形_第1张图片

以下摘自 百度知道

 

圆角它靠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,


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

 

 

你可能感兴趣的:(CSS学习笔记)