エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【初心者でもわかる】CSSで「✕」の作り方 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【初心者でもわかる】CSSで「✕」の作り方 - Qiita
どうも7noteです。CSSオンリーで「✕」を作ります CSSを使って✕を作ります。 コピペで使えますよ。 線の... どうも7noteです。CSSオンリーで「✕」を作ります CSSを使って✕を作ります。 コピペで使えますよ。 線の端を丸くすることも可能 cssで✕の作り方 .batten { width: 20px; /* 線の長さ */ position: relative; /* 基準位置に指定 */ } .batten::before, .batten::after { content: ""; /* 疑似要素に必須 */ width: 100%; /* 幅いっぱいを指定 */ height: 2px; /* 適度な太さを指定 */ display: inline-block; /* 高さを持たせるためにinline-blockを指定 */ background: #aaa; /* 線の色を指定 */ border-radius: 2px; /* 線の端を丸くしたいなら指定する */ positio