这张个人名片的布局比较简单，姓名可以用H标签，其他信息可以用li或者p标签。唯一有难点的就是背景颜色有绿色，有蓝色的渐变，可以用css背景background属性来实现。
步骤如下：
1：先写一个div，定义其宽为800px，高为460px的长方形，10px的圆角，背景色为绿白色，并且将它居中显示。
2：用伪元素实现颜色渐变:
渐变方向默认是从上到下，那如果要改变方向呢，线性渐变可用top，left，right，bottom四个方向实现。
CSS3径向渐变语法：
background: radial-gradient(shape size at position, start-color, ..., last-color);
3:完成文字部分
姓名用标签h2定义，字体大小为50px，文字间距用letter-spacing定义0.1em距离，span标签定义职位，可取消h2标签父类元素的字体大小以及粗细来重新定义。电话邮箱等基本信息，用li列表来实现。
最后完整的Html以及CSS代码为：
