表格样式

源代码

<table cellspacing="0" style="overflow:hidden;border:1px solid #d3d3d3;background:#fefefe;margin:0 auto 0;border-radius:5px;-webkit-box-shadow:0 0 4px rgba(0,0,0,0.2);width:100%;"><tbody><tr style="background-color:#ededed;background:-webkit-gradient(linear,0% 0%,0% 20%,from(#ededed),to(#e8eaeb));"><th style="font-size:14px;padding:10px;text-align:center;text-shadow:1px 1px 1px #fff;"> Task Details</th><th style="font-size:14px;padding:10px;text-align:center;text-shadow:1px 1px 1px #fff;"> Progress</th><th style="font-size:14px;padding:10px;text-align:center;text-shadow:#fefefe 1px 1px 1px;word-break:break-all;"> Vital Task</th></tr><tr><td style=" border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding:10px 10px; text-align:center;">Look at Orman's simple table design</td><td style=" border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding:10px 10px; text-align:center;">100%</td><td style=" border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding:10px 10px; text-align:center;">No</td></tr><tr><td style="border-top-width:1px;border-top-style:solid;border-top-color:#e0e0e0;border-right-width:1px;border-right-style:solid;border-right-color:#e0e0e0;padding:10px 10px;text-align:center;word-break:break-all;">Turn table design into a web project</td><td style=" border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding:10px 10px; text-align:center;">100%</td><td style=" border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding:10px 10px; text-align:center;">Yes</td></tr><tr><td style="border-top: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; padding: 10px; text-align: center; word-break: break-all;">Drink another cup of coffee</td><td style=" border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding:10px 10px; text-align:center;">50%</td><td style=" border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding:10px 10px; text-align:center;">Yes</td></tr><tr><td style=" border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding:10px 10px; text-align:center;">Post this stuff on the interweb</td><td style="border-top: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; padding: 10px; text-align: center; word-break: break-all;">100%</td><td style=" border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding:10px 10px; text-align:center;">Yes</td></tr></tbody></table>

关于我们

快捷导航

联系我们

关于我们

Task Details	Progress	Vital Task
Look at Orman's simple table design	100%	No
Turn table design into a web project	100%	Yes
Drink another cup of coffee	50%	Yes
Post this stuff on the interweb	100%	Yes