📜  表格基本样式 css 代码示例

📅  最后修改于: 2022-03-11 14:47:37.989000             🧑  作者: Mango

代码示例1
Make your table markup as simple as possible, and keep things flexible, e.g. by using percentages, so the design is more responsive.
Use table-layout: fixed to create a more predictable table layout that allows you to easily set column widths by setting width on their headings ().
Use border-collapse: collapse to make table elements borders collapse into each other, producing a neater and easier to control look.
Use , , and  to break up your table into logical chunks and provide extra places to apply CSS to, so it is easier to layer styles on top of one another if required.
Use zebra striping to make alternative rows easier to read.
Use text-align to line up your  and  text, to make things neater and easier to follow.