メッセージの編集
タイトル
お名前
本文
スペースお借りします。『文字 背景色』などの検索で解決できず、こちらの掲示板以外でも見つからなかった為質問させて頂きます。既出でしたら削除勧告お願い致します。 以前拝見したサイト様で、見出しにバイカラーの背景色が付いていて可愛らしかったので挑戦しようと思ったのですが、自分の力では解決できませんでした。 ┌───────────┐ │ 文│字 │ └───────────┘ 上のような感じで真ん中の部分で色が変わる文字背景になっていました。 自身で試したのは以下のCSSです。 span.sample{ display: inline-block; position: relative; z-index: 0; text-shadow: 0px 0px 1px rgba(255,255,255,0.7); } span.sample:before{ content: ''; position: absolute; z-index: -1; box-shadow: 0 0 3px 0 white inset; left: -2px; right: -2px; top: 45%; bottom: 5%; border-radius:10px; background-color:#fd3; } <span class="sample">文字</span>を組み込む形で文字にマーカー風の下線や背景色を入れる所までは出来たのですが、真ん中で色を変えるにはどうしたらいいでしょうか。 拝見したサイト様はナノ様で作成されていて携帯端末でもPCでも画像として表示されなかったので、CSSやタグで作成したものだと思うのですが… ご回答宜しくお願い致します。
編集パス
編集
記事削除
×
人気急上昇中のBL小説
BL小説 BLove
- ナノ -