[解決済み】ボックスにサイズ/部分的なボーダーを宣言する方法はありますか?
2022-02-19 01:46:16
質問
CSSでボックスのサイズ/部分的なボーダーを宣言する方法はありますか?例えば
350px
のみで、その最初のボーダー・ボトムを表示します。
60px
. それはとても便利かもしれないと思います。
例
解決方法は?
そうでもないんです。しかし、優雅に劣化し、余計なマークアップを必要としない方法で、その効果を得ることは非常に簡単です。
div {
width: 350px;
height: 100px;
background: lightgray;
position: relative;
margin: 20px;
}
div:after {
content: '';
width: 60px;
height: 4px;
background: gray;
position: absolute;
bottom: -4px;
}
<div></div>
関連
-
[解決済み】DIVの幅が100%というのは本当の100%ではない
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] :first-child が期待通りに動作しない
-
[解決済み] ネストしたdivのcssを簡素化
-
[解決済み] CSSのdisplayプロパティで遷移する
-
[解決済み] CSS 100% height と padding/margin の関係
-
[解決済み] 要素のみのCSSスタイルのリセット/削除
-
[解決済み] 2つのクラスを持つ要素に適用するCSSセレクタ
-
[解決済み] jQueryで複数のCSS属性を定義するには?
-
[解決済み] divに1pxのボーダーを付けると、divのサイズが大きくなってしまうので、そうならないようにしたい。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] "セレクタ(CSS)にIDを使うな "なら、IDの代わりに何を使えばいい?
-
[解決済み] CSSでボーダーの不透明度を設定することはできますか?
-
[解決済み] Railsです。railsでcssから背景画像を設定する方法は?
-
[解決済み] ChromeでCSSカスタムスタイルのボタンから青枠を削除する
-
[解決済み] Bootstrap 3でnavbar-static-topは何をするのですか?
-
[解決済み] SPANのheightプロパティを設定する方法
-
[解決済み] cssによる波状の形状
-
[解決済み] DjangoのCSSが更新されない
-
[解決済み] ヘッダー付きCSSボックス
-
[解決済み] ブートストラップカラムで画像の下にキャプションを中央配置する