中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

Table表格的代碼

2022-06-07    分類(lèi): 網(wǎng)站建設(shè)

代碼如下:

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>表格</title> 
    <style type="text/css"> 
        *{ 
            margin: 0; 
            padding: 0; 
        } 

        body{ 
            font: italic 20px Georgia, serif; 
            letter-spacing: normal; 
            background-color: #f0f0f0; 
        } 

        #content{ 
            width: 750px; 
            padding: 40px; 
            margin: 0 auto; 
            background-color: #fff; 
            border-left: 30px solid #1D81B6; 
            border-right: 1px solid #ddd; 
            box-shadow: 0px 0px 16px #aaa; 
        } 

        #table1{ 
            font: bold 16px/1.4em "Trebuchet MS", sans-serif; 
        } 

        #table1 thead th{ 
            padding: 15px; 
            border: 1px solid #93CE37; 
            border-bottom: 3px solid #9ED929; 
            text-shadow: 1px 1px 1px #568F23; 
            color: #fff; 
            background-color: #9DD929; 
            border-radius: 5px 5px 0px 0px; 
        } 

        #table1 thead th:empty{ 
            background-color: transparent; 
            border: none; 
        } 

        #table1 tbody th{ 
            padding: 0px 10px; 
            border: 1px solid #93CE37; 
            border-right: 3px solid #9ED929; 
            text-shadow: 1px 1px 1px #568F23; 
            color: #666; 
            background-color: #9DD929; 
            border-radius: 5px 0px 0px 5px; 
             
        } 

        #table1 tbody td{ 
            padding: 10px; 
            border: 2px solid #E7EFE0; 
            text-align: center; 
            text-shadow: 1px 1px 1px #fff; 
            color: #666; 
            background-color: #DEF3CA; 
            border-radius: 2px; 
        } 

        #table1 tbody span.check::before{ 
            content: url(images/check0.png); 
        } 

        #table1 tfoot td{ 
            padding: 10px 0px; 
            font-size: 32px; 
            color: #9CD009; 
            text-align: center; 
            text-shadow: 1px 1px 1px #444; 
        } 
    </style> 
</head> 
<body> 
<div id="content"> 
    <table id="table1"> 
        <thead> 
            <tr> 
                <th></th> 
                <th scope="col" abbr="Starter">Smart Starter</th> 
                <th scope="col" abbr="Medium">Smart Medium</th> 
                <th scope="col" abbr="Business">Smart Business</th> 
                <th scope="col" abbr="Deluxe">Smart Deluxe</th> 
            </tr> 
        </thead> 
        <tfoot> 
            <tr> 
                <th scope="row">Price per month</th> 
                <td>$ 2.90</td> 
                <td>$ 5.90</td> 
                <td>$ 9.90</td> 
                <td>$ 14.90</td> 
            </tr> 
        </tfoot> 
        <tbody> 
            <tr> 
                <th scope="row">Storage Space</th> 
                <td>512MB</td> 
                <td>1 GB</td> 
                <td>2 GB</td> 
                <td>4 GB</td> 
            </tr> 
            <tr> 
                <th scope="row">Bandwidth</th> 
                <td>50 GB</td> 
                <td>100 GB</td> 
                <td>150 GB</td> 
                <td>unlimited</td> 
            </tr> 
            <tr> 
                <th scope="row">Mysql Databases</th> 
                <td>unlimited</td> 
                <td>unlimited</td> 
                <td>unlimited</td> 
                <td>unlimited</td> 
            </tr> 
            <tr> 
                <th scope="row">Setup</th> 
                <td>12.90 $</td> 
                <td>12.90 $</td> 
                <td>free</td> 
                <td>free</td> 
            </tr> 
            <tr> 
                <th scope="row">PHP 5</th> 
                <td><span class="check"></span></td> 
                <td><span class="check"></span></td> 
                <td><span class="check"></span></td> 
                <td><span class="check"></span></td> 
            </tr> 
            <tr> 
                <th scope="row">Ruby on Rails</th> 
                <td><span class="check"></span></td> 
                <td><span class="check"></span></td> 
                <td><span class="check"></span></td> 
                <td><span class="check"></span></td> 
            </tr> 
        </tbody> 
    </table> 
</div> 
</body> 
</html> 

網(wǎng)頁(yè)標(biāo)題:Table表格的代碼
本文地址:http://m.rwnh.cn/news37/164437.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供商城網(wǎng)站網(wǎng)站營(yíng)銷(xiāo)網(wǎng)站設(shè)計(jì)公司、用戶體驗(yàn)、面包屑導(dǎo)航虛擬主機(jī)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)
柯坪县| 西藏| 镇康县| 同心县| 郎溪县| 富锦市| 中卫市| 桂阳县| 布尔津县| 庄浪县| 齐河县| 柘荣县| 赤水市| 凤山市| 桃源县| 礼泉县| 昌吉市| 广东省| 唐山市| 衡阳县| 彭州市| 油尖旺区| 长汀县| 青海省| 黑龙江省| 阜南县| 东海县| 榆社县| 漯河市| 乐业县| 龙泉市| 维西| 六枝特区| 深州市| 龙岩市| 陈巴尔虎旗| 博兴县| 汕尾市| 那曲县| 朔州市| 乌兰浩特市|