ナビゲーション、少量のデータテーブル、中央揃え <!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"> <ヘッド> <title>ul および li アプリケーション</title> <スタイル タイプ="text/css"> #menu{幅:1000px;高さ:35px;フロート:右;マージン:0px;クリア:両方;垂直位置揃え:下;} #ul li{リストスタイルタイプ:なし; クリア:両方;幅:100px;ディスプレイ:インライン; フォントサイズ:大きい;} #ミウル・リ{float:left;width:100px;} </スタイル> </head> <本文> <div id="メニュー"> <ul id="ul"> <li><a title="" href="http://localhost:1435/BookShop/index.aspx">ホーム</a></li> <li><a title="" href="http://localhost:1435/BookShop/hybooks.aspx">業界書籍</a></li> <li><a title="" href="http://localhost:1435/BookShop/Clothing.aspx">ファッショントレンド</a></li> <li><a title="" href="http://localhost:1435/BookShop/">ビューティーショップ</a></li> <li><a title="" href="http://localhost:1435/BookShop/">マミーベイビー</a></li> <li><a title="" href="http://localhost:1435/BookShop/">ギフトブック</a></li> <li><a title="" href="http://localhost:1435/BookShop/">ニュース情報</a></li> <li><a title="" href="http://localhost:1435/BookShop/">ユーザーコメント</a></li> <li><a title="" href="http://localhost:1435/BookShop/">お問い合わせ</a></li> </ul> </div> デフォルトでは、<div>は垂直でドットがあります <ul> <li>こんにちは</li> <li>こんにちは</li> <li>こんにちは</li> <li>こんにちは</li> </ul> </div> <div> <ul> <li style="list-style-type:none;">ドットを削除します</li> <li style="display:inline;">こんにちは</li> <li>こんにちは</li> <li style="display:inline;">こんにちは</li> </ul> </div> <!-- 水平方式の場合、中央に配置する場合は幅を設定する必要があり、この幅は内部の li の合計長さと同じである必要があります。 --> <div style="text-align:center;background:#def"> <ul style="width:150px;background:#eee;"> <li style="float:left;">こんにちは</li> <li style="float:left;">こんにちは</li> <li style="float:left;">こんにちは</li> <li style="float:left;">こんにちは</li> <li style="float:left;">こんにちは</li> </ul> </div> <!-- テーブルを作成する原則、ul 幅は 300 ピクセル、li 幅は 100 ピクセル、列は 3 つになります --> <div style="text-align:center;background:#eef"> <ul id="myul" style="width:300px;background:#eee"> <li>こんにちは</li> <li>こんにちは</li> <li>こんにちは</li> <li>こんにちは</li> <li>こんにちは</li> <li>こんにちは</li> <li>こんにちは</li> <li>こんにちは</li> <li>こんにちは</li> </ul> </div> </本文> </html> |
>>: CSS の一部のプロパティの前には「*」または「_」が付きます。
DockerのインストールDocker はオープンソースなので、Windows システムへのインスト...
1. 縦型テーブルと横型テーブル垂直テーブル: テーブル内のフィールドとフィールド値はキーと値の形式...
2つのケース: 1. 索引あり 2. 索引なし前提条件:方法: コマンドラインを使用してシミュレート...
大学院入試に備えて、C/C++ を使って基本的なデータ構造とアルゴリズムを実装する予定です。アルゴリ...
序文名前付きスロットは、スロット内の「name」属性を使用して要素にバインドされます。知らせ: 1....
公式ドキュメント: JSON 関数名前説明JSON_APPEND() JSONドキュメントにデータを...
Web デザインでよく耳にするプロパティ名: content、padding、border、marg...
W3C の原則によれば、XML の各開始タグには対応する終了タグが必要です。つまり、<html...
Linux に MySQL をインストールするには、yum インストールとソース コード コンパイ...
1. InnoDBストレージエンジンを使用する必要がありますCPU と IO のパフォーマンスが向上...
現在では多くの人がスマートフォンを使用していることを考慮すると、モバイル Web ページの書き方は、...
目次1. はじめに2. 構成3. 作業プロセス4. 建築5. 表示例MHA (Master HA) ...
最も一般的な方法は、フィールドに主キーまたは一意のインデックスを設定することです。重複データを挿入す...
基本的な HTML Web ページ タグのネスト ルールを紹介する場合、最初に説明する必要があるのは...
要件は、製品の評価データを渡すことであり、ページには対応する星の数が表示されます。 1. 異なる評価...