エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CSSでリボン付きラベルを作る。 - Qiita
<div class="label"> <p class="text">CSS</p> <p class="text">World</p> </div> .label{ position: re... <div class="label"> <p class="text">CSS</p> <p class="text">World</p> </div> .label{ position: relative; display: inline-block; font-size: 3em; white-space: nowrap; /* labelの端の空間を確保する */ padding: 0 2em; } .label .text{ position: relative; display: inline-block; padding: .25em 1em; border: 1px solid #000; color: #FFF; background-color: #1E90FF; box-sizing: border-box; } .label .text:nth-of-type(1){