エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント1件
- 注目コメント
- 新着コメント
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
画像の上に半透明の帯とテキストを表示 | Salty WordPress
最近よく見かける、画像の上に半透明の帯を配置しテキストを表示する方法。 おしゃれですよね! また、... 最近よく見かける、画像の上に半透明の帯を配置しテキストを表示する方法。 おしゃれですよね! また、文字部分は画像ではなくテキストなんです。 テキストでの表示は、後々に文字部分だけを編集したい場合にも簡単に対応できますし、SEO的にも良いと思います。 ほんの少しCSSをいじれば実現可能ですので、とてもオススメです。 今回はこの画像の上にテキストを表示する方法を紹介したいと思います。 サンプルコード CSSとHTMLCSS .sample { width: 200px; position: relative; } .sample p{ position: absolute; left: 0; bottom: 0.5em; color: #fff; margin: 0; padding: 5px 0 5px 3%; width: 97%; background: #000; filter: Al
2013/12/18 リンク