css演练 0920 个人简历的制作
程序员文章站
2022-04-25 09:51:21
...
css演练 0920 个人简历的制作
最终效果
图片素材
表格分析
- 六行五列
- 第一行第一个单元格,跨列五列
- 第二行第五个单元格,跨行五行
表的格子宽度
姓名,姓别列的宽100
填空区的宽度160
照片区的宽度160
开始制作
生成一行的表格
给表格单元格指定宽度
例如:
<td width="100">1</td>
<td width="160">2</td>
实现表格的多行多列
复制 第一行代码,粘贴为多行
首行跨列合并
单元格文本居中
利用另一个标签使其加粗居中
照片格子合并
插入图片
需要的技术
给img标签添加宽度属性
width = 100% 使图片宽度刚好填满所在的格子
<img src="https://img-blog.csdnimg.cn/20200920072051975.png#pic_center" width=100% alt="">
修改文字
最终效果