简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

ULのナビゲーションメニューのグラフィックとテキストの作成例

零下一度
リリース： 2017-06-24 13:30:05
オリジナル
1471 人が閲覧しました

最初上図，最終結果：

HTML代：











< /div>

CSS代番号：


#qwe{
width: 200px;
font-family: "微软雅黑";
margin: 50px ;
}
#qwe ul{
list-style-type: none;
パディング: 0;
}
#qwe ul li a{
テキスト装飾: なし;
表示: ブロック;
幅: 200px;
高さ: 25px;
border-left: 10px ソリッド #333333;
border-right: 1px ソリッド #666666;
border-bottom: 1px ソリッド #555555;
padding-left: 3px;
margin-bottom: 1px;
}
#qwe ul li a:link,#qwe ul li a:visited{
color: 深紅;
背景色: #999999;
}
#qwe ul li a:hover{
color: 緑;
背景色: #777777;
}
#qwe ul li a:active{
color: darkorange;
}

备注：その中に含まれる伪类的配置

以上がULのナビゲーションメニューのグラフィックとテキストの作成例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
作る ナビゲーション メニュー
ソース：php.cn
前の記事：h5 に新しいタグと属性を追加するチュートリアルの例 次の記事：Bootstrap に関する詳しい知識を共有する
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
ダッシュで表のセル値をハイパーリンクにする方法は? (Plotly、Dash、Pandas などの使用) 「JobLink」列の下のセル値をハイパーリンクとして設定したいと考えています。このリンクをクリックすると、新しいタブ/ウィンドウのリンクに移動するはずです。これを達成する方法を教...
から 2023-11-17 18:47:10
0
1
283
ルートにアクセスする前にルート データをプリロードする最良の方法。 特定のルートのページをレンダリングする前に、まず必要なデータを同期的に取得したいと考えています。理想的にはページコンポーネントでデータを取得したいのですが、ルーターファイルでそれを...
から 2023-11-17 14:54:42
0
2
379
フォーム内のオブジェクトのフィールドを検証する - Vue 3 + Vee-validate + yes いくつかのフィールドがオブジェクト内にあるフォームがあります: <scriptsetuplang="ts">...constschema:yup.S...
から 2023-11-16 13:56:09
0
1
169
Vue 3 構成 API - すべての条件が満たされるまでフォーム送信ボタンを無効にする すべての入力フィールドが入力され、エラーがなくなるまで、フォーム送信ボタンを無効にしたいと考えています。 <button:disabled="disabled&qu...
から 2023-11-13 09:41:53
0
3
438
同じ列値を持つ MySql 行を取得する 次のテーブルを考えてみましょう - IDScore19521003884100573 私は SQL の初心者ですが、ID2 と 4 を含むスコアを返すにはどうすればよいでしょうか?...
から 2023-11-10 21:53:39
0
2
331
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！