display:block は、子オブジェクトをブロック オブジェクトとしてレンダリングします。多くのインライン スタイル効果では、ディスプレイの使用が必要です。 #photo a img{border:3px solid #FF6600; } #photo a:hover {display:block;} /**若不加此句,则内联对象img的样式不会显示**/ #photo a:hover img{ border:2px solid blue;} [Ctrl+A すべて選択 注: 外部 Js を導入する必要がある場合は、 を実行するために更新する必要があります] 位置コンテンツ 寸法は、レイアウト寸法に基づいてオブジェクトのサイズを決定します。 #text{position:relative;} /**若没有,则内联对象不显示。若为block,会作为块级元素而使虚线过长。posigion时,长度由text的内容决定。**/ #text span{width:200px; height:20px;border-bottom: 1px dashed #000000 ; } テキストの下線スタイルのサンプル [Ctrl+A すべて選択 注: 外部 Js を導入する必要がある場合は、 を実行するために更新する必要があります]