CSS-Außen-Div-Element mit Innenbox / Grenzanschlag

Question

Ich versuche, das Folgende zu versuchen.Ich habe einen Div, der eine Kiste mit einem großen Grenzanschlag enthält.Hier ist der Code, mit dem ich gespielt habe.

generasacodicetagpre.

und ich erhalte dieses Ergebnis,

Ich versuche, als das Endergebnis dazu zu kommen,

Ich kenne die Box-Methoden CSS liefert, aber wissen Sie nicht, ob ich das mit dem erreichen kann.Irgendwelche Ideen oder Gedanken?

Answer 1

Sie können eine Kombination aus Kastenschatten verwenden, die keine Verbreitung oder Unschärfe und Border verwenden kann:

css

generasacodicetagpre.

jsfiddle

Answer 2

Vielleicht "Ridge" ist genug ...

http://jsfiddle.net/67u9z/1/

generasacodicetagpre.

Answer 3

I know this question is very old, but you can use outline offset: http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_outline-offset

Just change the offset to a negative in order to get it inside the container:

outline-offset: -15px;