html中table的样式设置
因为⽤到了⼀个⾃定义的表格所以这⾥记录⼀下样式写法
这⾥的样式基本上指的是边框了
先说明⼀下设置边框的⽅式
1. 设置table的border属性，如下。当然样式我就不说了不建议这么⼲
<table border="1"></table>
2. 之后的两种都是⽤css实现的，这⾥先说⼀种
//边框什么的⾃⼰写吧
table{
//主要⽤到的就是这个属性，这个属性可以让边框重叠，就是让两个边框加⼀起没那么宽了
//实际上并不好使，因为涉及到重叠问题，坑就不说了
border-collapse: collapse;
}
3. 就是想好边框怎么写，我这⾥分两块，⼀个就是每⼀个格⼦的右和下，还有整体的左和上// 我⽤的是less，其他样式请写⾃⼰的语法
table{
width: 700px;
// 下⾯设置表格整体的边框，左上
border-top: 1px solid #e8eaec;
border-left: 1px solid #e8eaec;
tr{
width: 100%;
height: 40px;//每⼀⾏⾼度
td{
width: 20%; // 因为我的⼀⾏分了五个，所以是20%
// 下⾯设置每个格⼦边框，右下
border-right: 1px solid #e8eaec;
border-bottom: 1px solid #e8eaec;
text-align: center;
& *{
/* 解释下这个是⼲啥
& 代表的就是当前选择器选中的项，也就是td
* 匹配所有的元素(因为我不确定表格⾥是放的⽂本还是别的元素什么，就加分通配符，其实写成 &>* 会更好⾥⾯的属性是垂直居中，具体说明⾃⼰百度吧
*/
vertical-align: middle;
}
}css表格样式
}
}
对了还有个很重要的东西没写
/* ⼲掉可恶的边距 */
<table cellspacing="0"cellpadding="0"></table>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。