小蓝枣的博客

CSS3文本居中显示、圆形圆角绘制、立体阴影效果设置 实例演示 ① 文本居中显示 ② 圆角设置 ③ 圆形设置 ④ 立体阴影效果设置 通过 div 层的 text-align: center; 先控制文本在横向中间，再根据 margin-top: 48%; 即可控制文本显示在图形的竖向中间部位，值可以根据文本的大小来定位，大约略小于百分之 50%。 通过 div 的 border-radius: 20px; 可设置圆角，值为圆角的半径大小。 可以指定 4 个值，分别设置左上、右上、右下和左下 4 个圆角的半径