Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
0 / 0 / 0
Регистрация: 20.03.2020
Сообщений: 168

Не убирается border

11.06.2022, 10:18. Показов 1036. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Нужно убрать border у нижней строчки, вроде бы делаю все верно, но не работает, в чем причина?
Ниже скрин и куски кода

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<div class="recent-order">
                    <h2>Recent Orders</h2>
                    <table>
                        <thead>
                            <tr>
                                <th>Product Name</th>
                                <th>Product Number</th>
                                <th>Payment</th>
                                <th>Status</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Foldble</td>
                                <td>85631</td>
                                <td>Due</td>
                                <td class="warning">Pending</td>
                            </tr>
                            <tr>
                                <td>Foldble</td>
                                <td>85631</td>
                                <td>Due</td>
                                <td class="warning">Pending</td>
                            </tr>
                            <tr>
                                <td>Foldble</td>
                                <td>85631</td>
                                <td>Due</td>
                                <td class="warning">Pending</td>
                            </tr>
                            <tr>
                                <td>Foldble</td>
                                <td>85631</td>
                                <td>Due</td>
                                <td class="warning">Pending</td>
                            </tr>
                            <tr>
                                <td>Foldble</td>
                                <td>85631</td>
                                <td>Due</td>
                                <td class="warning">Pending</td>
                            </tr>
                            <tr>
                                <td>Foldble</td>
                                <td>85631</td>
                                <td>Due</td>
                                <td class="warning">Pending</td>
                            </tr>
                            <tr>
                                <td>Foldble</td>
                                <td>85631</td>
                                <td>Due</td>
                                <td class="warning">Pending</td>
                            </tr>
                        </tbody>
                    </table>
                    <a href="#">Show All</a>
                </div>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
.recent-order {}
 
.recent-order h2 {
    margin: 0 0 20px 0;
    font-size: 20px;
    font-weight: 900;
}
 
.recent-order table {
    background-color: white;
    border-radius: 25px;
    width: 100%;
    padding: 30px 20px;
    text-align: center;
    box-shadow: 0 0 15px 5px rgba(150, 162, 254, 0.1);
    margin: 0 0 20px 0;
}
 
.recent-order table:hover {
    box-shadow: none;
}
 
.recent-order table tbody tr td {
    height: 35px;
    border-bottom: 1px solid rgba(150, 162, 254, 0.4);
}
 
.recent-order table tbody tr:last-child {
    border: none;
}
Миниатюры
Не убирается border  
0
Лучшие ответы (1)
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
11.06.2022, 10:18
Ответы с готовыми решениями:

Некорректная работа свойств border и border-radius на мобильных устройствах
Доброго времени суток, произошла интересная вещь: использовала border-radius:50% и border:6px solid white на картинку в браузере...

CSS border-right как убрать крайний правый border
делаю сайт http://medi-clinic.ru и столкнулся с такой проблемой, в меню пункты разделены рамкой, border-right и я хочу этот border убрать в...

Border-top и border-bottom сделать шарами
здравствуйте, не могу сделать границы рамки шарами, т.е. border-bottom: 15px dotted black; - будут штрихи, а вместо штрихов, нужно сделать...

2
Модератор
Эксперт HTML/CSS
 Аватар для AlexZaw
2381 / 1741 / 677
Регистрация: 07.08.2016
Сообщений: 4,095
11.06.2022, 10:25
Лучший ответ Сообщение было отмечено KIKO34 как решение

Решение

Цитата Сообщение от KIKO34 Посмотреть сообщение
в чем причина?
вы пытаетесь убрать border у последнего tr, а border у вас назначен для td
CSS
1
2
3
.recent-order table tbody tr:last-child td {
    border: none;
}
0
0 / 0 / 0
Регистрация: 20.03.2020
Сообщений: 168
11.06.2022, 10:37  [ТС]
Спасибо, это невнимательность(
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
11.06.2022, 10:37
Помогаю со студенческими работами здесь

Программно добавить круглый Border и Image в нем, с условием, что изображение не будет вылазить за Border
Здравствуйте всем! Перерыл весь интернет, но нигде не нашел подходящей инфы. (Может искал не там) Как уже и описано в заголовке, мне...

Как поставить иконку кругом в центре border-bottom без фона border-bottom внутри круга?
Как поставить иконку кругом в центре border-bottom без фона border-bottom внутри круга?Чет position не работает,z-index нормально...

При наличии border 1px сайт отображается корректно, а при border 0px разлетается
При наличии border 1px сайт отображается корректно, а при border 0px разлетается. Помогите решить проблему. Спасибо.

При добавлении ListBox'a в Border, при большом количестве элементов Border обрезается
Доброго времени суток! Возникла следующая проблема: При добавлении Listbox'a в Border, при большом количестве элементов Border...

"Border-style: dashed" и "Border-radius: 50%" в Firefox не отображается пунктиром
Подскажите как сделать чтобы в Fierfox при установке border типа dashed и border-radius: 50%; в div он отображался именно как пунктир, а не...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Уведомление о неверно выбранном значении справочника
Maks 06.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .
Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt
8Observer8 05.04.2026
Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .
AkelPad-скрипты, структуры, и немного лирики..
testuser2 05.04.2026
Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .
Отображение реквизитов в документе по условию и контроль их заполнения
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .
Фото всей Земли с борта корабля Orion миссии Artemis II
kumehtar 04.04.2026
Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .
Вывод диалогового окна перед закрытием, если документ не проведён
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .
Программный контроль заполнения реквизитов табличной части документа
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .
wmic не является внутренней или внешней командой
Maks 02.04.2026
Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru