Html 如果我将CSS添加到<;风格>;要素
我有一个通过内联CSS应用样式的简单表格,它正在工作。但是当我试图通过元素将CSS添加到文档中时,它在Chrome中不起作用。我查看了W3CSS教程,但找不到解决方案 我的代码是:Html 如果我将CSS添加到<;风格>;要素,html,css,google-chrome,Html,Css,Google Chrome,我有一个通过内联CSS应用样式的简单表格,它正在工作。但是当我试图通过元素将CSS添加到文档中时,它在Chrome中不起作用。我查看了W3CSS教程,但找不到解决方案 我的代码是: tr{ 边框:实心1px黑色; 左侧填充:7px; 右侧填充:7px; } 可用于 身份证 电话 9999999 可用于 身份证 电话 9999999 将CSS更改为以下内容。它有一个打字错误 <style> th { border: 1px solid black;
tr{
边框:实心1px黑色;
左侧填充:7px;
右侧填充:7px;
}
可用
于
身份证
电话
9999999
可用
于
身份证
电话
9999999
将CSS更改为以下内容。它有一个打字错误
<style>
th {
border: 1px solid black;
padding-left: 7px;
padding-right: 7px;
}
</style>
th{
边框:1px纯黑;
左侧填充:7px;
右侧填充:7px;
}
如果要将边框添加到tr
中,请更改此选项:
border: solid 1px black;
为此:
border: 1px solid black;
th{
边框:实心1px黑色;
左侧填充:7px;
右侧填充:7px;
}
实际上,在你的代码中,你给了tr
一个没有意义的边界
因此,将上述代码中的tr
替换为th
,它就可以工作了
您无需指定type=“text/css”。简单即可。请尝试清除缓存或在私人浏览中打开您的网页。您的更改可能不收费。到底什么是“不起作用”?为什么您只向我们展示应用了内联样式并在头部使用
style
元素的代码?检查DOM,看看您是否真的在那里看到了该样式标记。右键单击并转到“检查”,然后找到“元素”选项卡。如果一切设置正确,则需要清除web浏览器中的缓存数据。这也发生在我使用chrome的时候
<style type="text/css">
th {
border: solid 1px black;
padding-left: 7px;
padding-right: 7px;
}
</style>