简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
マウスがナビゲーション ラベルの上を通過しても効果がありません。問題を見つけるにはどうすればよいですか?
萝卜
萝卜 2018-11-07 14:54:33
0
1
1064

<!DOCTYPE html>

<html>

<head>

<肉文字セット="utf-8">

<title>ブロックレベル要素とインライン要素を変換する</title>

<link rel="ショートカット アイコン" type="image/x-icon" href="images/favicon . ico">

<style type="text/css">

p{display:inline;width:200px;height:200px;backgroud-color:#ccc; }

b{表示:ブロック;}

/*div{表示:インラインブロック;高さ:30ピクセル;幅:400ピクセル;背景色:ピンク;}*/


.box{幅:100px;高さ:40px;背景色:#ccc;行の高さ:40px;テキスト配置:センター;}

.main {幅:100px;高さ:100px;背景色:ピンク;行の高さ:100px;テキスト整列:センター;表示:なし;}

.box:hover .main{display:block; }

</style>

</head>

<body>

<p>ブロックレベル要素をインライン要素に変換する</p><span>123</span>

<b>インライン要素は主にブロックレベルの要素です</b>

<div>インライン用にマークアップを変換しますブロック要素</div><span>123</span>

<div class="box">ナビゲーション</div>

<div class="main" >スモールメニュー</div>

</body>

</html>


萝卜
萝卜

全員に返信(1)
天国之秋
天国之秋2018-12-22 14:45:55 1棟

<div class="box">ナビゲーション</div>

<div class="main">小さなメニュー</div>

.box:hover .main {}

メイン内の説明。 .box

＆lt; div class = "box"＆gt;navigation

いいねを押す +0
返信を追加
人気のトピック
詳細>
人気の記事
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！