ホームページ >ウェブフロントエンド >CSSチュートリアル >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でテーブルの実線を実現する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。