Сделать верхнюю и нижнюю границу таблицы видимой с помощью CSS

Question

Сделать верхнюю и нижнюю границу таблицы видимой с помощью CSS

0

У меня есть таблица с некоторыми строками и столбцами в html, я хочу сделать только верхнюю и нижнюю границы таблицы видимыми. Может ли кто-нибудь это посоветовать?

это мой текущий код.

 table#beta
        {
            border-collapse:collapse;
        }
        table#beta td
        {
            border:1px solid black;
        }

 <table id ="beta" border="0" width="100%">

ayampenyet 22 окт. 2013, в 08:43

Источник

2

размещение вашего соответствующего кода / структуры здесь не является преступлением
Drixson Oseña 22 окт. 2013, в 06:22

Теги:

html

css

table

3 ответа

1

Используйте следующее:

table{
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}

демонстрация

Bhojendra Nepal 22 окт. 2013, в 04:06

1

Проверь это...

<style type="text/css">
.my_table {
    border-top:1px solid ;
    border-bottom:1px solid ;
}
</style>
<table class="my_table" cellpadding="0" cellspacing="0">
    <tr>
        <td>Column1</td>
        <td>Column2</td>
        <td>Column3</td>
        <td>Column4</td>
    </tr>
    <tr>
        <td>AAAAA</td>
        <td>AAAAA</td>
        <td>AAAAA</td>
        <td>AAAAA</td>
    </tr>
    <tr>
        <td>BBBBB</td>
        <td>BBBBB</td>
        <td>BBBBB</td>
        <td>BBBBB</td>
    </tr>
</table>

Basith 22 окт. 2013, в 03:41

Ещё вопросы

размещение вашего соответствующего кода / структуры здесь не является преступлением

Waterlink · Accepted Answer · 2013-10-22T04-00-00.000Z

Здесь фрагмент кода

<table>
  <tr><td>hello</td><td>test</td></tr>
  <tr><td>hello</td><td>test</td></tr>
  <tr><td>hello</td><td>test</td></tr>
  <tr><td>hello</td><td>test</td></tr>
</table>

И стиль

table {
  border: none;
  border-top: 1px solid Black;
  border-bottom: 1px solid Black;
}

jsFiddle здесь