Я использую главную страницу, и у меня есть таблица, в которой я хочу показать границу, чтобы она отображалась вокруг каждой ячейки таблицы. Вот код, который я пытаюсь установить вокруг:
<table class="mainTable" style="border-color:#DDDDDD;">
<tr>
<td class="masterBannerTop" colspan="6" >
<a href="Default.aspx"><img style="border: none; display: block; margin: 0 auto;" alt="Travel Joan Blog Banner" src="Website%20Photos/HeadBanner.jpg" /></a>
</td>
</tr>
<tr>
<td class="masterBannerNav"><a href="Default.aspx">HOME</a></td>
<td class="masterBannerNav"><a href="About.aspx">ABOUT ME</a></td>
<td>
... И это продолжается оттуда. Здесь CSS:
.mainTable
{
width: 90%;
margin-left: 5%;
margin-right: 5%;
border-spacing: 30px;
border-color:#999999;
}
Независимо от того, какой цвет я вставляю, он не работает ни в одном из браузеров. Я имею в виду, есть только пара мест, где я могу поместить цвет. Даже если я пытаюсь использовать только CSS или встроенные элементы стиля, он по-прежнему, похоже, не хочет работать.
попробуйте установить
border:1px solid #999999;
в вашем css вместо того, чтобы возиться с атрибутами стола! Старайтесь избегать использования этих атрибутов, потому что это затрудняет изменение стиля вашего сайта и более подробный код для людей, которые должны его поддерживать. Удачи и дайте мне знать, как это происходит :)
Возможно, также убедитесь, что вы установили border-width: 1px или что-то в этом роде?
style = "border: 1px solid black"
Делать
<table border="1"> ... </table>
чтобы получить границы вокруг вашего стола и между ячейками.
Делать
<table style="border:'1px solid #DDDDDD'"> ... </table>
или
.mainTable {
border:'1px solid #DDDDDD';
...
}
или
.mainTable {
border-size:1px;
border-style:solid;
...
}
чтобы получить границы вокруг вашего стола.