网页使用表格制作个人简历

 时间:2024-10-13 11:30:05

1、打开Hbuilder网页编辑器,新建demo.html文档

网页使用表格制作个人简历

2、我们以下面的图为例制作个人简历的样式

网页使用表格制作个人简历

3、首先使用<挢旗扦渌;table>标签制作表格的框架,根据上面的表格样式我们可以看出表格是12行8列的规格

网页使用表格制作个人简历

4、将第一列所有的项目标题写入代码的第一行上,添加边框和设置边框的宽度以及设置文字居中

网页使用表格制作个人简历网页使用表格制作个人简历

5、设置表格的外边框为1,表格之间的间距为0

网页使用表格制作个人简历网页使用表格制作个人简历

6、将其余的部分进行填写,补充代码中的汉字

网页使用表格制作个人简历

7、设置CSS样式gray,class="gray"添加到每个背景为灰色的地方

网页使用表格制作个人简历网页使用表格制作个人简历

8、使用colspan="number"合并number个列

网页使用表格制作个人简历网页使用表格制作个人简历

9、最后调试和加载样式以及调整边框的大小,将最终的个人简历最后结果

网页使用表格制作个人简历
  • HTML用代码制作虚线框方法
  • hbuilderx怎么加入图片
  • css里鼠标悬停变色怎么弄
  • HTML中用代码做方框/圆圈字怎么做
  • 怎样利用html、css制作简单的网页
  • 热门搜索
    国庆节 手抄报 关于科普知识的手抄报 重阳节手抄报简单 安全法制手抄报内容 防灾减灾手抄报大全 做文明小学生手抄报 健康成长手抄报内容 英语中秋节手抄报 法制与安全的手抄报 中秋节的手抄报简单又漂亮