本文主要是介绍html列表线,【html】斑马线表格，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
源于 how2j教程，这是个特别好的java网站。
实现效果如下。
table{
border-collapse:collapse; /*边框合并*/
width:90%;
}
tr.odd{ /*表格的奇数列的样式*/
background-color:#f8f8f8;
}
tr.head{ /*表头的下边框*/
border-bottom-width: 2px;
}
tr{
border-bottom-style: solid; /*底部为实线*/
border-bottom-width: 1px;/*底部宽度为1px*/
border-bottom-color: lightgray; /*底部颜色*/
height:35px;/*高度为35px*/
}
td{
width:25%;
text-align:center; /*文字居中*/
}
| id | 名称 | 血量 | 伤害 |
| 1 | gareen | 340 | 58 |
| 2 | teemo | 320 | 76 |
| 3 | annie | 380 | 38 |
| 4 | deadbrother | 400 | 90 |
振宇振宇
发布了114 篇原创文章 · 获赞 17 · 访问量 8341
私信
关注
标签：35px,斑马线,表格,bottom,color,tr,width,html,border
来源： https://blog.csdn.net/weixin_43734095/article/details/104055520
这篇关于html列表线,【html】斑马线表格的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
