首頁 > 文章 > web前端 > css如何實作表格實線

css如何實作表格實線

尚原創: 2019-07-22 15:20:436934瀏覽

css如何實作表格實線

利用在css設定表格實線：

#程式碼如下:##

table{
border-collapse:collapse;   /*表示将单元格中各小格之间的空隙进行合并*/
border:1px #00F solid;      /*定义边框样式*/
}

範例：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>无标题页</title>
<style>
table {
 border-collapse: collapse; 
} 
table td {
    border:1px solid #fff000;
}
</style>
</head>
<body>
 <table cellpadding="0">
     <tr>
        <td>First</td>
        <td>Second</td>
        <td>Three</td>
     </tr>
     <tr>
        <td>第一</td>
        <td>第二</td>
        <td>第三</td>
     </tr>
 </table>
</body>
</html>

結果如下：

css如何實作表格實線

更多CSS相關技術文章，請造訪

CSS教學欄位進行學習!

以上是css如何實作表格實線的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：box-sizing屬性是什麼下一篇：box-sizing屬性是什麼

看更多