通常公司的一些系统数据显示都要用到table,所以学习table的样式变的很重要!
我们需要给table添加border和其他样式让数据更好的显示。
给table 添加一个border和一些其他的简单的样式后如下 td{ border :1px solid #ccc}
这里四周的border细一点,中间交叉的border粗一点,很明显这是由于td的border叠加产生的,所以我们需要给table加上这句border-collapse: collapse 让 td 的boder合并,添加了这句后显示如下
最后就得到了我们想要的效果!:)
这是一个很简单的知识点,但是大的项目都是由无数的小的知识点堆积而成的。
扬帆起航前,做好足够的准备!
网友评论