使用HTML或CSS更改TD边框颜色

Alv*_*rra 12 html css

我改变一种tr边框颜色有点麻烦我的桌子是这样的

<table>
    <div id="one">
        <tr>
            <td></td>
            <td></td>
        </tr>
    </div>
    <div id="two">
        <tr>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </div>
</table>
Run Code Online (Sandbox Code Playgroud)

我想先<tr><td></td><td></td></tr>成为白色,第二个是我试过的蓝色

#one td, #one tr,#onetable{
border: 1px solid white;  
border-color:#ff0000;
Run Code Online (Sandbox Code Playgroud)

但它不起作用任何想法Ty

小智 18

<style type="text/css">
    table {
        border-collapse: collapse;
    }
    #one td {
        border: 1px solid #ff0000; 
    }
</style>

<table>
    <tr id="one">
        <td></td>
        <td></td>
    </tr>
    <tr id="two">
        <td></td>
        <td></td>
    </tr>
</table>
Run Code Online (Sandbox Code Playgroud)


Irf*_*eli 8

<style type="text/css">
    #one td {
        border: 1px solid #ff0000; 
    }
</style>

<table>
    <tr id="one">
        <td></td>
        <td></td>
    </tr>
    <tr id="two">
        <td></td>
        <td></td>
    </tr>
</table>
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/VCA9Q/


jen*_*ent 5

干得好

<html>
<head>
<style>
    body {background-color: beige;}
    table {border-collapse: separate;}
    table td { width: 50px; height: 50px;}
    table tr:first-child td {border: 1px solid #fff; }
    table tr:last-child td {border: 1px solid #0000FF; }
</style>
</head>
<body>    
    <table>
    <tr>
      <td></td><td></td><td></td>
    </tr>
    <tr>
      <td></td><td></td><td></td>
    </tr>
    </table>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

和一把小提琴

(顺便说一句#0000FF是蓝色的)