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

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。