Могу ли я заменить <table border = 1> 'на `<table>` + css: `table {...}`?

Question

table{border:1px solid #000;} не работает без оператора border=1. Так же, как при изменении <input width=30> на input{width:400px;}, я хотел бы использовать <table> и объявить границу только в css. Это возможно?

Обновление моя ошибка заключалась в использовании

table{border-width:1px;}

вместо, например,

table{border:1px solid #000;} 

- отлично работает.

Answer 1

Используйте этот CSS:

table {
    border-collapse: collapse
}
td {
    border: 1px solid #000
}

Live Demo

border-collapse: collapse важно; без этого вы получите удвоенные границы, вот так .

Answer 2

Абсолютно - это предпочтительный способ. Возможно, вам придется набрать td, а также tr.

Answer 3

Попробуйте это в CSS

 table
    {
    border:1px solid black;
    }

тогда вы можете использовать его в HTML

<table>
....
</table>

Answer 4

Если вы используете, <th> для заголовков, с кодом ниже, вы не получите границ вокруг наших заголовков:

td { border: 1px solid #000000; }

, вам также нужно будет добавить:

th { border: 1px solid #000000; }

С уважением,

Answer 5

Ваш стиль должен быть:

table td { border: 1px solid #000000; }

См. Рабочий пример здесь .

Answer 6

да, но если вы используете table, это повлияет на ВСЕ таблицы в вашем html.

Я предлагаю сделать:

<table class="myTable">, а затем .myTable { /*css*/ }