CSS3文本居中显示、圆形圆角绘制、立体阴影效果设置实例演示_css3 立体圆形-CSDN博客

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