HTML テーブル マークアップ チュートリアル (10): セル パディング属性 CELLPADDING
|
セルのパディングは、セルの内容と境界線の間の距離です。 基本的な構文 <TABLE セルパディング=値> 構文の説明<br />セルの余白はピクセル単位で測定されます。 文書例: 10-10.htm 表のセルの余白を設定します。 01 <!-- -------------------------------- --> 02 <!-- ファイル例: 10-10.htm --> 03 <!-- ファイルの説明: 表のセルの余白を設定します --> 04 <!-- -------------------------------- --> 05 <HTML> 06 <ヘッド> 07 <TITLE>表のセルの余白を設定する</TITLE> 08 </HEAD> 09 <本文> 10 <H1>主流のウェブデザインソフトウェア</H1> 11 <TABLE BORDER=3 WIDTH=400 HEIGHT=100 Bordercolor=#336699 Background=10-8.jpg CellSpacing=10 CellPadding=25> 12 <TR> 13 <TD>Web グラフィック ソフトウェア</TD><TD>Fireworks</TD> 14 </TR> 15 <TR> 16 <TD>Webページ作成ソフトウェア</TD><TD>Dreamweaver</TD> 17 </TR> 18 <TR> 19 <TD>Webアニメーションソフトウェア</TD><TD>Flash</TD> 20 </TR> 21 </表> 22 </本文> 23 </HTML> ファイルの説明<br />行 11 では、表のセルの余白を 25 ピクセルとして定義しています。 |
<<: MySQL 5.7 の /etc/my.cnf パラメータの紹介
>>: Docker を使用して Go Web アプリケーションをデプロイする方法
推薦する
テキストの展開と折りたたみの効果を実現するJavaScript
リスト形式のテキストの展開と折りたたみの実装は参考までに。具体的な内容は以下のとおりです。必要： 1...
Layuiテーブル行のデータを動的に編集する
目次序文スタイル機能説明初期化コードイベントリスナーの追加リスナーツールバーモニターテーブル行ツール...
webpackの遅延読み込みとプリロードの詳細な説明
目次通常の読み込み遅延読み込みプリロードプリロードを使用しないプリロードの使用要約する通常の読み込み...
nuxt.js 複数の環境変数の設定
目次1. はじめに2. シナリオ3. 環境を整える3.1 環境変数の挿入4. 最後に1. はじめに一...
フォームファイル選択ボックスのスタイルをカスタマイズする例
コードをコピーコードは次のとおりです。 <!DOCTYPE html> <html...
src 属性と href 属性の違い
src と href には違いがあり、混同される可能性があります。 src は現在の要素を置き換える...
ウェブデザイナーが注意すべき 43 のウェブデザインの間違い
これはウェブサイトのユーザビリティに関する記事です。著者は自身の経験に基づいて、ウェブサイトのデザイ...
Vueはタブ切り替えの虫眼鏡効果を実装します
この記事では、タブ切り替えの虫眼鏡効果を実現するためのVueの具体的なコードを例として紹介します。具...
画像をクリックして切り替えるJavaScript
クリックして画像を切り替えることは、日常生活で非常によく行われることです。今日の練習は、画像を切り替...
CSS BEM 命名標準の概要 (推奨)
1 BEM命名標準とはBem は、ブロック、要素、修飾子の略語であり、Yandex チームによって...
Linux でソースインストールされたパッケージを簡単に削除する方法
ステップ1: Stowをインストールするこの例では CentOS を使用しているため、拡張 EPEL...
Linux で PyCurl のエラーを解決する方法
「curl-config を実行できませんでした」の解決策 pycurl のダウンロード/解凍 (p...
ウェブサイトレイアウトにおける CSS の計算関数 calc の例
calc は数値を計算するために使用される CSS 関数です。長さ、角度、時間などを計算できます。 ...
Linux でのルーティングと仮想マシン ネットワークの設定に関する詳細なグラフィック説明
ルーティングとは何ですか?ルーティングとは、相互接続されたネットワークを介して送信元ステーションから...
JavaScriptはパスワードボックスの検証情報を実装します
この記事では、パスワードボックスの検証情報を実装するためのJavaScriptの具体的なコードを例と...