产品服务套餐对比表格美化效果代码
代码语言:html
所属分类:表格
代码描述:产品服务套餐对比表格美化效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> body { background: white; } table { margin-bottom: 0; border-collapse: collapse; border-spacing: 0; } table th { background-color: #F5F7FA; color: #000; font-weight: 400; word-break: keep-all; } table td, table th { padding: 8px 13px; border: 1px solid #E1E6F0; word-wrap: break-word; text-align: left; } * { box-sizing: border-box; list-style: inherit; } </style> </head> <body> <table > <tbody> <tr> <th style="width:95px;height:45px;position:relative;font-weight:700;" valign="top" colspan="2"><div style="position:absolute;width:1px;height: 175px;top:0;left:0;background-color: #d9d9d9;transform: rotate(-71deg);transform-origin:top;"></div> 产品<br>对比项</th> <th style="font-weight:700;">产品服务A</th> <th style="font-weight:700;">产品服务B</th> </tr> <tr> <th style="font-weight:700;" colspan="2">面向用户</th> <td>中小企业、开发者</td> <td>所有用户</td> </tr> <tr> <th style="font-weight:700;" colspan="2">应用场景</th> <td> 适合轻量级、低负载且访问量适中的应用场景: </td> <td>全业务场景</td> </tr> <tr> <th style="font-weight:700;" rowspan="3">计费</th> <th style="font-weight:700;">付费模式</th> <td>包年包月预付费 </td> <td>包含包年包月、按量付费、竞价.........完整代码请登录后点击上方下载按钮下载查看
网友评论0