Question

我使用Bootstrap 3坚持这个。

在我的html页面中有一个table class =＆＃34; table bordeless table1＆＃34;＆gt;我需要删除顶部，左侧和右侧外边框。尝试了一些解决方案无济于事。我需要申请什么CSS？似乎只应用了默认的Bootstrap样式。

这里是Plunker：https://plnkr.co/edit/gTK21tStoQn5hTUy4peZ?p=preview

HTML：

<section id='top5'>
    <div class='container table1'>
        <div class='row'>
            <div class='col-md-12 settings'>
                <h4><i class="fa fa-user fa-2x"></i>Настройки > Профиль организации > X5 Retail Group</h4>
                <h4><i class="fa fa-user-plus"></i>Добавить пользователя</h4>
                <br>
                <table class="table bordeless table1">
                    <thead>
                        <tr>
                            <th class='notop' width="28%">ФИО, должность</th>
                            <th width="3%">Контактное лицо</th>
                            <th width="3%">Телефон</th>
                            <th width="10%">E-mail</th>
                            <th width="10%">Уровень доступа</th>
                            <th width="8%">Инженерные системы</th>
                            <th width="5%">Объекты</th>
                            <th width="5%">Изменить</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Иванов Иван Иванович, Технический директор</td>
                            <td class="vert-align"><i class="fa fa-check-square-o"></td>
                            <td>8-916-234-54-21</td>
                            <td>contact@company.ru</td>
                            <td>Администратор</td>
                            <td class="vert-align"><i class="fa fa-check-square-o"><i class="fa fa-check-square-o"><i class="fa fa-check-square-o"><i class="fa fa-check-square-o"><i class="fa fa-check-square-o"><i class="fa fa-check-square-o"></td>
                            <td class="vert-align"><i class="fa fa-industry"></td>
                            <td class="vert-align"><i class="fa fa-pencil-square-o"></td>
                        </tr>
                        <tr>
                            <td>Петров Пётр Петрович, Главный инженер</td>
                            <td class="vert-align"><i class="fa fa-check-square-o"></td>
                            <td>8-916-234-54-21</td>
                            <td>contact@company.ru</td>
                            <td>Мониторинг</td>
                            <td class="vert-align"><i class="fa fa-check-square-o"><i class="fa fa-check-square-o"><i class="fa fa-check-square-o"><i class="fa fa-check-square-o"><i class="fa fa-check-square-o"><i class="fa fa-check-square-o"></td>
                            <td class="vert-align"><i class="fa fa-industry"></td>
                            <td class="vert-align"><i class="fa fa-pencil-square-o"></td>
                        </tr>
                        <tr>
                            <td>Сидоров Сидор Сидорович, Сервисный инженер</td>
                            <td class="vert-align"><i class="fa fa-check-square-o"></td>
                            <td>8-916-234-54-21</td>
                            <td>contact@company.ru</td>
                            <td>Инжиниринг</td>
                            <td class="vert-align"><i class="fa fa-check-square-o"><i class="fa fa-check-square-o"><i class="fa fa-check-square-o"><i class="fa fa-check-square-o"><i class="fa fa-check-square-o"><i class="fa fa-check-square-o"></td>
                            <td class="vert-align"><i class="fa fa-industry"></td>
                            <td class="vert-align"><i class="fa fa-pencil-square-o"></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</section>

Answer 1

技巧

border-style: hidden

查看我的测试结果，

Answer 2

看起来很简单....因为您已经更改了表格的类（根据下面的评论）。

添加：

table.table.bordeless.mytable {
    border-bottom: */ your styles here */
}

Answer 3

根据您使用的BootStrap版本，您的课程中可能会出现一个可能导致问题的拼写错误。：

<table class="table bordeless table1">

应该是：

<table class="table borderless table1">

Answer 4

尝试将您的表格标记更改为以下内容：

RestClient

没有外边框的Bootstrap表

4 个答案: