发表于: 2019-07-26 19:35:16

1 971


七月二十一

今天终于完成了任务八的第一个页面

遇到了很多问题

由于任务八是网页,并不是手机模式,分辨率是640,所以可以完全按照UI图的标准来完成,并不需要减去一半。

并且刅的表格,似乎是因为代码问题,很多表格的格式并不能完成

就像这个表格,这其实是两个表格,上下端是分离的,因为如果放在一个表格里面,他的格式会统一,不能按照心意来修改。

这个可以从中间那个颜色特别重的边框看出来,

表格并没有代码可以去除任意一面的边框

表格可控制的具体参数如下:

表格外边框的显示与隐藏,是可以用frame参数来控制的。注意:只对表格的外边框起作用,对内部边、线不起作用

只显示上边框  < table frame=above  >

只显示下边框  < table frame=below   >

只显示左、右边框 <  table frame=vsides   >

只显示上、下边框 <  table frame=hsides   >

只显示左边框 <  table frame=lhs   >

只显示右边框 <  table frame=rhs   >

不显示任何边框 <  table frame=void   >

我在添加点:

frame和rules属性:这两个属性比较特殊,是用于定义表格边框显示方式的。

frame:该属性定义表格最外层表格线的显示方式,有以下可选值:

void:不显示表格外层的边框线。

box:显示四周的边框线

border:和box相同

above:只显示顶部的边框线

below:只显示底部的边框线

lhs:只显示左侧的边框线

rhs:只显示右侧的边框线

hsides:只显示顶部和底部的边框线

vsides:只显示左侧和右侧的边框线

rules:该属性定义单元格边框显示方式,有以下可选值: none:不显示单元格边框;all:显示所有单元格边框线;cols:只显示纵向边框线,及单元格左右侧的边框线;rows:只显示横向边框线,即单元格上下两侧的边框线。rows和cols在实际中有时是很有用的。

groups:分组显示,只显示thead/tbody/tfoot的边框线。

所以当我最后进行修改的时候,上面的参数并不能帮助到我,所以我选择 了以假乱真:

由于外边框设置的边框指数是1px,当我把外边距设置成-1px的时候两个表格会重叠,所以完成了以假乱真。

今天终于完成了第一个页面,开始接触轮播图,完成对自身代码量的增加,和知识的巩固。

明天打算直接完成任务八的第二个页面,这周彻底完成任务八。



返回列表 返回列表
评论

    分享到