display:block は、子オブジェクトをブロック オブジェクトとしてレンダリングします。多くのインライン スタイル効果では、ディスプレイの使用が必要です。 <style type="text/css"> #photo a img{border:3px solid #FF6600; } #photo a:hover {display:block;} /**若不加此句，则内联对象img的样式不会显示**/ #photo a:hover img{ border:2px solid blue;} </style> <div id="photo"> <a href="#"> <img src="/logos.gif" style="max-width:90%" style="max-width:90%" alt="表示位置(&POSITION)_CSS/HTML"></a> </div> [Ctrl+A すべて選択 注: 外部 Js を導入する必要がある場合は、 を実行するために更新する必要があります] 位置コンテンツ 寸法は、レイアウト寸法に基づいてオブジェクトのサイズを決定します。 <p><style type="text/css"> #text{position:relative;} /**若没有，则内联对象不显示。若为block，会作为块级元素而使虚线过长。posigion时，长度由text的内容决定。**/ #text span{width:200px; height:20px;border-bottom: 1px dashed #000000 ; } </style></p> <p></p> <div id="text"> <span> テキストの下線スタイルのサンプル </span> </div> [Ctrl+A すべて選択 注: 外部 Js を導入する必要がある場合は、 を実行するために更新する必要があります]
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
