Html 删除表格边框_Html_Css_Html Table

Html 删除表格边框

html css

Html 删除表格边框,html,css,html-table,Html,Css,Html Table,我想删除下面的边框，但我不知道怎么做我怎样才能使用CSS来删除这些内容呢？请帮帮我，非常感谢我的HTML和CSS如下：表格{ 宽度：100%；字体大小：14px； } 表，th，td{ 边框：1px实心#00b0f0；边界塌陷：塌陷； } th，td{ 填充物：5px；文本对齐：左对齐； } 表tr：第n个子项（偶数）{ 背景色：rgba（0176240,0.1）； } 表tr：第n个子项（奇数）{ 背景色：#fff； } 表th{ 背景色：#00b0f0；颜色：白色； }

我想删除下面的边框，但我不知道怎么做

我怎样才能使用CSS来删除这些内容呢？请帮帮我，非常感谢

我的HTML和CSS如下：

表格{
宽度：100%；
字体大小：14px；
}
表，th，td{
边框：1px实心#00b0f0；
边界塌陷：塌陷；
}
th，td{
填充物：5px；
文本对齐：左对齐；
}
表tr：第n个子项（偶数）{
背景色：rgba（0176240,0.1）；
}
表tr：第n个子项（奇数）{
背景色：#fff；
}
表th{
背景色：#00b0f0；
颜色：白色；
}


知识产权
资料
::1
8-5-2016

您需要删除最后一个

div

左侧和上一个

div

右侧的边框

因此，我添加了两个类

。无左边框

和

。无右边框

，并将它们应用于适用的

td

标记

表格{
宽度：100%；
字体大小：14px；
}
桌子
th，
运输署{
边框：1px实心#00b0f0；
边界塌陷：塌陷；
}
th，
运输署{
填充物：5px；
文本对齐：左对齐；
}
表tr：第n个子项（偶数）{
背景色：rgba（0176240,0.1）；
}
表tr：第n个子项（奇数）{
背景色：#fff；
}
表th{
背景色：#00b0f0；
颜色：白色；
}
没有边界，对吗{
边界权：无；
}
没有边界了{
左边界：无；
}


知识产权
资料
::1
8-5-2016

从最后一个子项（1）{
从倒数第二个子项（2）中删除右边框

表格{
宽度：100%；
字体大小：14px；
}
表，th，td{
边框：1px实心#00b0f0；
边界塌陷：塌陷；
}
th，td{
填充物：5px；
文本对齐：左对齐；
}
表tr：第n个子项（偶数）{
背景色：rgba（0176240,0.1）；
}
表tr：第n个子项（奇数）{
背景色：#fff；
}
表th{
背景色：#00b0f0；
颜色：白色；
}
表tr td:n最后一个孩子（1）{/*最后一个td*/
左边界：无；
}
表tr td:n最后一个孩子（2）{/*倒数第二个孩子td*/
边界权：无；
}


知识产权
资料
::1
8-5-2016

工作代码和预览


正文，th，td
{
字体系列：Arial、Helvitica、Sans；
字体大小：13px；
}
桌子
{边框间距：0；}
th
{
背景#00b0f0；
颜色：#FFF；
边框：1px实心#00b0f0；
填充：0.4em；
文本对齐：左对齐；
}
运输署
{
最小宽度：70px；
背景：#e6f7fe；
边框：1px实心#00b0f0；
填充：0.8em；
}
.空白
{
背景：无；
边界：无；
}
.no-line-l
{左边框：无；}
.no-line-r
{右边框：无；}
.the-x
{
字体大小：粗体；
文本对齐：右对齐；
颜色：#A00；
}
知识产权
资料
::1
8-5-2016       
X

预览

<html>
    <head>
        <style>
            body,th,td
            {
                font-family:Arial,Helvitica,Sans;
                font-size:13px;
            }
        
            table
            { border-spacing:0; }

            th
            {
                background:#00b0f0;
                color:#FFF;
                border: 1px solid #00b0f0;
                padding:0.4em;
                text-align:left;
            }

            td
            {
                min-width:70px;
                background:#e6f7fe;
                border: 1px solid #00b0f0;
                padding:0.8em;
            }

            .blank
            {
                background:none;
                border:none;
            }

            .no-line-l
            { border-left:none; }

            .no-line-r
            { border-right:none; }

            .the-x
            {
                font-weight:bold;
                text-align:right;
                color:#A00;
            }
        </style>
    </head>
    <body>
        <table>
            <tr>
                <th>IP</th>
                <th>Datum</th>
                <th class="blank"></th>
            </tr>
            <tr>
                <td class="no-line-r">::1</td>
                <td class="no-line-r">8-5-2016</td>       
                <td class="no-line-l the-x">X</td>
            </tr>
        </table>
    </body>
</html>