境界線の長さが Div 幅より浅い
コードでは、幅 200 ピクセルの div 要素と、その下部に沿って実線の 1 ピクセルのマゼンタの境界線を定義しています。角。ただし、div の幅を変更せずに、この境界線の長さを 100 ピクセルに制限する方法を探します。
疑似要素が解決策を提供します。疑似要素は DOM ツリーに追加される要素で、これを使用して既存の要素の一部をスタイル設定できます。この例では、境界線として機能する疑似要素を作成できます。
div:before { content: ""; position: absolute; left: 0; bottom: 0; height: 1px; width: 50%; /* or 100px */ border-bottom:1px solid magenta; }
この疑似要素は、div の絶対左下に位置し、必要な境界線の長さ 100 ピクセルを複製します。 width プロパティを調整することで、div 自体の幅に影響を与えることなく、境界線の長さを簡単に制御できます。
以上がDiv の幅よりも短い境界線を作成するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。