css标签的使用

时间 2019-11-21

标签 css 标签使用栏目 CSS 繁體版

原文原文链接

一、尝试后的代码：  <!DOCTYPE html>  <html>  <head lang="en">  <meta charset="UTF-8">  <title></title>  </head>  <body>  <table style="height:200px;width:200px;border:solid 1px #f00">  <thead style="background:url(rose.jpg);">
 <tr >  <td style="border:solid 1px #f00">a</td>  <td style="border:solid 1px #f00">a</td>  </tr>  </thead>  <tbody>  <tr>  <td>a</td>  <td>a</td>  </tr>  <tr>  <td>a</td>  <td>a</td>  </tr>  </tbody>  </table>  </body>  </html>html

给<thead>标签添加属性“border:solid 1px #0f0;”的时候没有做用，给<table>添加 border-color：#f00的时候也没有做用有些属性的使用应该和预先定义好的规则有关系。url

若是是这种方式的话，能够不用先设置border-typecode

<!-- lang: html -->
<!DOCTYPE html>
<!-- lang: html -->
<html>
<!-- lang: html -->
<head lang="en">
<!-- lang: html -->
    <meta charset="UTF-8">
<!-- lang: html -->
    <title></title>
<!-- lang: html -->
</head>
<!-- lang: html -->
<body>
<!-- lang: html -->
<table border="8px">
<!-- lang: html -->
    <tr>
<!-- lang: html -->
        <th>Month</th>
<!-- lang: html -->
        <th>Savings</th>
<!-- lang: html -->
    </tr>
<!-- lang: html -->
    <tr>
<!-- lang: html -->
        <td>January</td>
<!-- lang: html -->
        <td>$100</td>
<!-- lang: html -->
    </tr>
<!-- lang: html -->
</table>
<!-- lang: html -->
</body>
<!-- lang: html -->
</html>

二、要设置了style再添加边框才能有效果htm

<!-- lang: html -->
<!DOCTYPE html>
<!-- lang: html -->
<html>
<!-- lang: html -->
<head lang="en">
<!-- lang: html -->
    <meta charset="UTF-8">
<!-- lang: html -->
    <title></title>
<!-- lang: html -->
</head>
<!-- lang: html -->
<body>
<!-- lang: html -->
<table style="height:200px;width:200px;border-style:solid;border-color:#00ee00">
<!-- lang: html -->
    <thead>
<!-- lang: html -->
    <tr >
<!-- lang: html -->
        <td style="border:solid 1px #f00;background:url(rose.jpg);">a</td>
<!-- lang: html -->
        <td style="border:solid 1px #f00">a</td>
<!-- lang: html -->
    </tr>
<!-- lang: html -->
    </thead>
<!-- lang: html -->
    <tbody>
<!-- lang: html -->
    <tr>
<!-- lang: html -->
        <td>a</td>
<!-- lang: html -->
        <td>a</td>
<!-- lang: html -->
    </tr>
<!-- lang: html -->
    <tr>
<!-- lang: html -->
        <td>a</td>
<!-- lang: html -->
        <td>a</td>
<!-- lang: html -->
    </tr>
<!-- lang: html -->
    </tbody>
<!-- lang: html -->
</table>
<!-- lang: html -->
</body>
<!-- lang: html -->
</html>

若是不设置style的话，在HTML5的解析格式下，设置border-color就没有效果。it