表格样式,第一列高亮

美化源代码
复制源代码
源代码
<section><table width="100%"><tbody align="center"><tr style="box-sizing:border-box;padding:0px;margin:0px;background-color:#efefef;width:100%;"><td style="border-width:2px 0px 2px 2px;border-style:solid;border-color:#fefefe;color:#fefefe;font-weight:bold;padding:10px;text-align:center;box-sizing:border-box;margin:0px;background-color:#9db4c2;word-break:break-all;">#</td><td style="border-width:2px 2px 2px 0px;border-style:solid solid solid none;border-top-color:#fefefe;border-right-color:#fefefe;border-bottom-color:#fefefe;padding:5px;color:#878787;text-align:center;box-sizing:border-box;margin:0px;">Top 8 Movies</td><td style="border-width:2px 2px 2px 0px;border-style:solid solid solid none;border-top-color:#fefefe;border-right-color:#fefefe;border-bottom-color:#fefefe;padding:5px;color:#878787;text-align:center;box-sizing:border-box;margin:0px;">Year</td></tr></tbody><tbody style="box-sizing:border-box;padding:0px;margin:0px;" width="100%"><tr style="box-sizing:border-box;padding:0px;margin:0px;background-color:#efefef;"><td style="border-width:2px 0px 2px 2px;border-style:solid;border-color:#fefefe;color:#fefefe;font-weight:bold;padding:10px;text-align:center;box-sizing:border-box;margin:0px;background-color:#9db4c2;">1</td><td style="border-width:2px 2px 2px 0px;border-style:solid solid solid none;border-top-color:#fefefe;border-right-color:#fefefe;border-bottom-color:#fefefe;padding:5px;color:#878787;text-align:center;box-sizing:border-box;margin:0px;word-break:break-all;">The Shawshank Redemption</td><td style="border-width:2px 2px 2px 0px;border-style:solid solid solid none;border-top-color:#fefefe;border-right-color:#fefefe;border-bottom-color:#fefefe;padding:5px;color:#878787;text-align:center;box-sizing:border-box;margin:0px;">1994</td></tr><tr style="box-sizing:border-box;padding:0px;margin:0px;background-color:#efefef;"><td style="border-width:2px 0px 2px 2px;border-style:solid;border-color:#fefefe;color:#fefefe;font-weight:bold;padding:10px;text-align:center;box-sizing:border-box;margin:0px;background-color:#9db4c2;">2</td><td style="border-width:2px 2px 2px 0px;border-style:solid solid solid none;border-top-color:#fefefe;border-right-color:#fefefe;border-bottom-color:#fefefe;padding:5px;color:#878787;text-align:center;box-sizing:border-box;margin:0px;word-break:break-all;">The Godfather</td><td style="border-width:2px 2px 2px 0px;border-style:solid solid solid none;border-top-color:#fefefe;border-right-color:#fefefe;border-bottom-color:#fefefe;padding:5px;color:#878787;text-align:center;box-sizing:border-box;margin:0px;">1972</td></tr><tr style="box-sizing:border-box;padding:0px;margin:0px;background-color:#efefef;"><td style="border-width:2px 0px 2px 2px;border-style:solid;border-color:#fefefe;color:#fefefe;font-weight:bold;padding:10px;text-align:center;box-sizing:border-box;margin:0px;background-color:#9db4c2;">3</td><td style="border-width:2px 2px 2px 0px;border-style:solid solid solid none;border-top-color:#fefefe;border-right-color:#fefefe;border-bottom-color:#fefefe;padding:5px;color:#878787;text-align:center;box-sizing:border-box;margin:0px;">The Godfather:Part II</td><td style="border-width:2px 2px 2px 0px;border-style:solid solid solid none;border-top-color:#fefefe;border-right-color:#fefefe;border-bottom-color:#fefefe;padding:5px;color:#878787;text-align:center;box-sizing:border-box;margin:0px;">1974</td></tr></tbody></table></section>
可视化
#	Top 8 Movies	Year
1	The Shawshank Redemption	1994
2	The Godfather	1972
3	The Godfather:Part II	1974
专注移动端开发

快速链接

关于我们

115cms信息内容管理系统
