css 要素の内側に線

Question

画像で黄緑の矢印で示している線のcssでの記述を教えてください。

Comments

[dice142]

どのようなHTMLの構造化によって回答が変わるかと思います。該当箇所のHTML構造をご提示ください。

[m.ts10806]

調べていないのか、自力でやってみたけどできなかったのか、調べてできていないけど提示していないのか どれでしょうか。いずれにしても自分で何もせずに「教えてください」では丸投げで場合により作業依頼と同等で非推奨です。まず調べてやってみて、その結果で何がどうわからないのかソースなど試したこと調べたことを以て質問としてください

[退会済みユーザー]

どうもありがとうございます。

[_lemon2003_]

画像をbackground-imageにした要素の中に、枠線のついた要素を入れればよいのではないでしょうか。

[yoshinavi]

方法はいくつかあります。「dice142」さんのコメントにもありますが、適用させたいHTMLによって、回答は変わりますので、まずは適用させたいHTML部分のコード提示は必須です。

Answer 1

outlineで

  outline: #fff solid 1px;
  outline-offset: -8px;