网站用得上的html表格代码一览表

配置表表格

  

 <div class="row">    <div class="col-xl-4 col-lg-6 col-md-4">     <div class="panel panel-info">      <div class="panel-heading">       日本大阪      </div>      <div class="panel-body">       <ul>        <li>核心：2核CPU</li>        <li>内存：1GB</li>        <li>硬盘：30GB</li>        <li>流量：不限流量</li>        <li>带宽：3Mbps</li>        <li>架构：Xen架构</li>        <li>优惠码：123123</li>        <li>价格：80元/月</li>        <li>传送：<a href="https://www.vpskp.com/go.php?go=" target="_blank" rel="external nofollow">购买链接</a></li>       </ul>      </div>     </div>    </div>   </div>

如果是多个表格要并排放，从以下开始复制

<div class="col-xl-4 col-lg-6 col-md-4"> 

提醒表格

<div id="sc_warn">莫斯科DataLine Tier-3机房测试IP：46.17.40.85，<a href="https://lg-dtln.justhost.ru/50MB.test" rel="noopener" target="_blank">https://lg-dtln.justhost.ru/50MB.test</a></div>

红色提醒表格

<div id="sc_error">提示：如果官网是英文页面，建议使用谷歌浏览器能同步翻译页面。<br />
投稿链接：<a href="https://www.vpskp.com/e/member/" rel="nofollow" target="_blank">点此直达</a> 投稿邮箱：[email protected]，网友QQ群：876999</div>

黑色虚框

<div id="sc_tips">
<p>以上产品支持在下列数据中心自由切换</p>

<ol>
    <li>US: Los Angeles, California (DC9 CN2GIA) [USCA_9] 洛杉矶CN2 GIA<span style="color: #ff00ff;">【仅CN2 GIA特价方案支持】</span></li>
    <li>US: Los Angeles, California (DC2 QNET) [USCA_2] 洛杉矶QN机房（非CN2 GT）</li>
</ol>
</div>

蓝色虚线

<div id="sc_xuk">
<p>CPU占用：CN2 GIA特价（突发2核，1核100%）&gt;KVM常规（突发2核，1核50%）&gt;CN2 GT特价（突发1核，1核25%）【1核100%、1核50%、1核25%指的是1小时平均CPU负载不超能超过的级别】</p>

<p>线路好坏：CN2 GIA特价&gt;KVM常规=CN2 GT特价【KVM常规、CN2 GT特价支持切换的机房是一致的(都支持切换到DC3、DC8两个CN2 GT机房)，CN2 GIA特价方案可切换机房在KVM常规、CN2 GT特价方案基础上增加了DC9(CN2 GIA)机房】</p>

<p>流量大小：CN2 GIA特价=CN2 GT特价&gt;KVM常规【这里对比的是切换到DC8、DC3机房后月流量的大小(因为其他机房都是1TB/月)，KVM常规切换到DC8、DC3后流量只有三分之一(333GB/月)】</p>
</div>
 

TIPS表格

<div id="sc_blue">莫斯科DataLine Tier-3机房测试IP：46.17.40.85，<a href="https://lg-dtln.justhost.ru/50MB.test" rel="noopener" target="_blank">https://lg-dtln.justhost.ru/50MB.test</a></div>

几个不同从上到下分别为：

sc_blue

sc_black

sc_lvb

sc_redb

sc_organge

可以滚动的代码

<pre class="prettyprint">123</pre>

可以滚动的表格

<table class="responsive">
    <tbody>
        <tr>
            <th>机型</th>
            <th>购买链接</th>
            <th>CPU（核）</th>
            <th>内存（G）</th>
            <th>硬盘（G）</th>
            <th>带宽（M）</th>
            <th>售价（元）</th>
        </tr>
        <tr>
            <td style="text-align: center;">基础款</td>
            <td style="text-align: center;"><a href="https://www.vpskp.com/go.php?go=" rel="nofollow"  target="_blank">点此直达</a></td>
            <td style="text-align: center;">1</td>
            <td style="text-align: center;">1</td>
            <td style="text-align: center;">10</td>
            <td style="text-align: center;">1</td>
            <td style="text-align: center;">40</td>
        </tr>
        <tr>
            <td style="text-align: center;">普及款</td>
            <td style="text-align: center;"><a href="https://www.vpskp.com/go.php?go=" rel="nofollow"  target="_blank">点此直达</a></td>
            <td style="text-align: center;">2</td>
            <td style="text-align: center;">1</td>
            <td style="text-align: center;">20</td>
            <td style="text-align: center;">2</td>
            <td style="text-align: center;">50</td>
        </tr>
        <tr>
            <td style="text-align: center;">高配款</td>
            <td style="text-align: center;"><a href="https://www.vpskp.com/go.php?go=" rel="nofollow"  target="_blank">点此直达</a></td>
            <td style="text-align: center;">3</td>
            <td style="text-align: center;">3</td>
            <td style="text-align: center;">30</td>
            <td style="text-align: center;">3</td>
            <td style="text-align: center;">60</td>
        </tr>
        <tr>
            <td style="text-align: center;">旗舰款</td>
            <td style="text-align: center;"><a href="https://www.vpskp.com/go.php?go=" rel="nofollow"  target="_blank">点此直达</a></td>
            <td style="text-align: center;">4</td>
            <td style="text-align: center;">4</td>
            <td style="text-align: center;">40</td>
            <td style="text-align: center;">4</td>
            <td style="text-align: center;">70</td>
        </tr>
    </tbody>
</table>

未经允许不得转载：Just My Socks中文教程网 » 网站用得上的html表格代码一览表