HTML5表格行边框颜色设置怎么没用? 5

这是代码<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>设置行的边框颜色</title></head><bod... 这是代码<!DOCTYPE html><html><head><meta charset="utf-8"><title>设置行的边框颜色</title></head><body><table width="500" border="1" bordercolor="#0000FF"> <caption>某公司员工工资</caption> <tr> <th>姓名</th> <th>基本工资</th> <th>岗位工资</th> <th>绩效工资</th> <th>工龄工资</th> </tr> <tr bordercolor="red" > <!-- 这行代码为什么没用 --> <td>李1</td> <td>1000</td> <td>600</td> <td>800</td> <td>400</td> </tr> <tr> <td>王2</td> <td>800</td> <td>600</td> <td>800</td> <td>200</td> </tr> </table></body></html> 展开
 我来答
凱憶
2020-05-11 · TA获得超过335个赞
知道小有建树答主
回答量:338
采纳率:88%
帮助的人:46.6万
展开全部

你好,关于html中标签的一些样式属性,其实在设置后会自动的生成css样式,所以我们打开控制台可以看见,虽然tr中你设置了borddercolor,但是在控制台中查看tr的样式可以看见如下图所示:

tr在控制台中的查看样式

也就是说,tr的样式是继承(inherit)其父标签的,也就是table的,table是什么颜色,那它就是什么颜色,解决的方法就是使用css样式,可以外部,也可以内联,这里使用内联样式演示一下:

采用内联样式解决

代码如下(就是使用了内联样式而已):

<!DOCTYPE html>

<html>

  <head>

    <meta charset="utf-8">

    <title>设置行的边框颜色</title>

  </head>

  <body>

    <table width="500" border="1" bordercolor="blue">

      <caption>某公司员工工资</caption>

      <tr>

        <th>姓名</th>

        <th>基本工资</th>

        <th>岗位工资</th>

        <th>绩效工资</th>

        <th>工龄工资</th>

      </tr>

      <tr style="border-color: red;">

        <td>李1</td>

        <td>1000</td>

        <td>600</td>

        <td>800</td>

        <td>400</td>

      </tr>

      <tr>

        <td>王2</td>

        <td>800</td>

        <td>600</td>

        <td>800</td>

        <td>200</td>

      </tr>

    </table>

  </body>

</html>

你好啊js
2020-05-11 · TA获得超过295个赞
知道小有建树答主
回答量:714
采纳率:75%
帮助的人:68万
展开全部

bordercolor="red" 这样是不对的,正确的写法 style="border-color: red"

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式