制作个人简历(个人简历制作)

   2023-05-16 互联网0
核心提示:制作个人简历(个人简历制作)个人简历制作通过上节课表格的制作,这节课我们就根据上节课所学的对其进行一个练习,加深一下对表格的理解。要想实现这个效果,我们不妨先来想一下思路。我们要想实现个人简历表格效果,就要从下面这个表格来实现这是个6行7列

制作个人简历(个人简历制作)

制作个人简历(个人简历制作)

个人简历制作

通过上节课表格的制作,这节课我们就根据上节课所学的对其进行一个练习,加深一下对表格的理解。

要想实现这个效果,我们不妨先来想一下思路。

我们要想实现个人简历表格效果,就要从下面这个表格来实现

这是个6行7列的表格,也就是说有6个tr,每个tr中有7个td

我们来实现它

在这里我们补充一些上面的知识,在table标签下

col可以设置每个单元格的宽度,7列所以我们写7个

然后再配合我们每一行的高度

这样我们就可以把这个表格的轮廓完成了

接下来我们把文字填入

分别对应的每一行的首列填入文字

效果如下

现在我们就开始这节课最重要的工作,合并单元格

所谓的单元格合并,就是把后面的单元格td删除,留下的单元格对其设置宽度,即为合并

这里的colspan代表占几个单元格

由于第一行只留一个单元格,所以这一个单元格它占了7格

这时的效果为

我们再来合并其他需要合并的部分

来看一下效果

最后还有照片单元格,这个是纵向合并,与上面有所不同

这一个就需要删除下面三行中每一行的最后一个单元格,并且让他占据三列的高度

注意:一定要删除每一行的最后一个单元格

看一下效果

最后我们分别给每行文字进行居中显示

最后效果就出来了

最后我们总结一下,这节课的行的合并、列的合并,以及设置宽度的col标签

列的合并我们是用了colspan,行的合并我们使用了rowspan


 
反对 0举报 0 评论 0
 

免责声明:本文仅代表作者个人观点,与爱美生活网(本网)无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
    本网站有部分内容均转载自其它媒体,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责,若因作品内容、知识产权、版权和其他问题,请及时提供相关证明等材料并与我们留言联系,本网站将在规定时间内给予删除等相关处理.

  • 赵英俊什么病去世(赵英俊个人简历)
    赵英俊什么病去世(赵英俊个人简历)
    赵英俊什么病去世(赵英俊个人简历)在这10个月的时间里,陈积荣的经历就像一部震人心魄的《死亡笔记》,我们眼见着他越来越消瘦、越来越憔悴,他始终没有放弃,却没能逃过病魔的追索,生命定格在38岁。陈积荣的遗言令人心碎:“我好幸运身边有很多朋友去
点击排行