三列表格样式

源代码

<section style="margin:10px 5px;"><section  style="border:0px none;width:33.3%;float:left;padding:0px;"><section style="background:#fff;border:1px solid #ddd;color:#333;width:100%;margin:0 5px;-webkit-box-shadow:0 2px 2px 0px rgba(0,0,0,0.3);box-shadow:0 2px 2px 0px rgba(0,0,0,0.3);border-radius:4px;"><section style="border-bottom-width:8px;border-bottom-style:solid;border-bottom-color:rgb(238,210,179);padding:20px 0px;background-image:linear-gradient(rgb(254,254,254),rgb(238,238,238));background-color:rgb(238,238,238);"><p style="text-align:center;font-size:20px;"><strong><span style="font-size:18px;"  >第一栏</span></strong></p></section><section   style="background-image:url(https://cdn.file.mixinnet.cn/htmlImg/a7025d5105e760fecea054bb6de78910.png);margin-top:-5px;height:6px;width:100%;box-sizing:border-boxbox-sizing:border-boxbox-sizing:border-box;transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);box-sizing:border-box;"></section><section style="margin:10px auto;"><section style="text-align:center;"><span style="font-size:14px;"  >请输入内容</span></section><section style="margin:15px;" ><p style="line-height:1.5em;"><span style="font-size:14px;">10GB Disk Space</span></p><p style="line-height:1.5em;"><span style="font-size:14px;">100GB Monthly</span></p><p style="line-height:1.5em;"><span style="font-size:14px;">20 Email Accounts</span></p></section></section></section></section><section  style="border:0px none;width:66.7%;float:left;padding:0px;margin:0px;position:relative;" data-color="rgb(248,226,182)" data-custom="rgb(248,226,182)"><section style="border:0px none; width:50%;float:left;padding:0px;" ><section style="background:#fff;border:1px solid #ddd;color:#333;width:100%;margin:0 5px;-webkit-box-shadow:0 2px 2px 0px rgba(0,0,0,0.3);box-shadow:0 2px 2px 0px rgba(0,0,0,0.3);border-radius:4px;"><section style="border-bottom-width:8px;border-bottom-style:solid;border-bottom-color:rgb(248,226,182);padding:20px 0px;background-image:linear-gradient(rgb(254,254,254),rgb(238,238,238));background-color:rgb(238,238,238);"><p style="text-align:center;"><strong><span style="font-size:20px;"  >第二栏</span></strong></p></section><section   style="background-image:url(https://cdn.file.mixinnet.cn/htmlImg/a7025d5105e760fecea054bb6de78910.png);margin-top:-5px;height:6px;width:100%;box-sizing:border-boxbox-sizing:border-boxbox-sizing:border-box;transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);box-sizing:border-box;"></section><section style="margin:10px auto;"><section style="text-align:center;"><span style="font-size:14px;"  >请输入内容</span></section><section style="margin:15px;" ><p style="line-height:1.5em;"><span style="font-size:14px;">10GB Disk Space</span></p><p style="line-height:1.5em;"><span style="font-size:14px;">100GB Monthly</span></p><p style="line-height:1.5em;"><span style="font-size:14px;">20 Email Accounts</span></p></section></section></section></section><section  style="border:0px none; width:50%;float:left;padding:0px;"><section  style="border:0px none;padding:0px;margin:0px;" data-color="rgb(196,212,218)" data-custom="rgb(196,212,218)"><section style="background:#fff;border:1px solid #ddd;color:#333;width:100%;-webkit-box-shadow:0 2px 2px 0px rgba(0,0,0,0.3);box-shadow:0 2px 2px 0px rgba(0,0,0,0.3);border-radius:4px;margin:0px 5px;"><section style="border-bottom-width:8px;border-bottom-style:solid;border-bottom-color:rgb(196,212,218);padding:20px 0px;background-image:linear-gradient(rgb(254,254,254),rgb(238,238,238));background-color:rgb(238,238,238);"><p style="text-align:center;font-size:20px;"><strong><span style="font-size:18px;"  >第三栏</span></strong></p></section><section   style="background-image:url(https://cdn.file.mixinnet.cn/htmlImg/a7025d5105e760fecea054bb6de78910.png);margin-top:-5px;height:6px;width:100%;box-sizing:border-boxbox-sizing:border-boxbox-sizing:border-box;transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);box-sizing:border-box;"></section><section style="margin:10px auto;"><section style="text-align:center;"><span style="font-size:14px;"  >请输入内容</span></section><section style="margin:15px;" ><p style="line-height:1.5em;"><span style="font-size:14px;">10GB Disk Space</span></p><p style="line-height:1.5em;"><span style="font-size:14px;">100GB Monthly</span></p><p style="line-height:1.5em;"><span style="font-size:14px;">20 Email Accounts</span></p></section></section></section></section></section></section><section style="clear:both;height:0px;"></section></section>

关于我们

快捷导航

联系我们

关于我们