html - 表内联样式在浏览器中看起来不同

标签 html css

我习惯于使用旧标签编写代码并尝试使用内联 CSS。

我有一张带有内联样式的表格。我试图得到一个彩色的 1px 边框。 它在 FFox 和 Opera 下看起来很理想(边框颜色 #FFBF97),但 IE11 显示不同的边框颜色(黑色。)

我做错了什么?

这是我的代码:

<table border="1" bordercolor="#FFBF97" bordercolordark="#FFBF97" bordercolorlight="#FFBF97" cellpadding="0" cellspacing="0" background="x.png" style="border-collapse:collapse;table border:1px;border-color:#FFBF97;">

我试着改变 style="border-collapse:collapse;table border:1px;border-color:#FFBF97;"

到: style="border-collapse:collapse;border-width:1px;border-color:#FFBF97;"

甚至: style="border-collapse:collapse;table border:1px #FFBF97;"

所有这些都给出了相同的结果,FFox 和 Opera 显示 1px #FFBF97 边框,而 IE11 显示黑色 1px 边框。

最佳答案

Mike McCaughan 回答了我的问题。

Stick with CSS only. Presentational attributes like bordercolor are deprecated in HTML. There's no such property as table border (property names cannot have spaces). It should work to do border: 1px solid #FFBF97;. – Mike McCaughan Jul 5 at 13:47

关于html - 表内联样式在浏览器中看起来不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44927991/

相关文章:

css - 确定css的特异性

javascript - 输出不会显示(javascript)

php - li 不显示内联

html - Chrome 在 OSX 上运行的 CSS 问题

html - 大型开发团队无法处理单个 CSS 样式表?

javascript - 单击时清除文本

javascript - 响应式顶部导航——使用 div 重新定位链接?

javascript - 单击链接将暂停动画播放状态更改为运行

html - 仅捕获网站客户端的一个 <div>

css - 媒体查询 CSS 的问题