ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSでテーブルの実線を実現する方法

CSSでテーブルの実線を実現する方法

リリース: 2019-07-22 15:20:43
オリジナル
6947 人が閲覧しました

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 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート