Layout. How to implement border inside the unit, not on its border? An example in the description

Question

Layout. How to implement border inside the unit, not on its border? An example in the description

4 Answers

Related questions

0 like 0 dislike

3 answers

How to make elements inside the unit overlaps the border?

asked Jun 7, 2019 by Oslar

0 like 0 dislike

1 answer

Is there an example of such a unit with the benefits?

asked Apr 12, 2019 by z_u_l

0 like 0 dislike

1 answer

Asked the border through pseudoelement not accessible form inside the element. How to fix?

asked May 12, 2019 by adik_zhuman

0 like 0 dislike

1 answer

Is it possible to create such a unit without using border?

asked May 20, 2019 by tosternickname

0 like 0 dislike

3 answers

How to indicate to the user that this unit can be swapit if it's not a slider?

asked May 1, 2019 by skynet32rus

Serator · Answer 1 · 2019-03-22T06:52:23+0000

\r\r

\r
\r

body{background:#000} div{ width:100px; height:30px; background:#F00; border:#FF0 dashed 1px; border-radius:5px; Box-shadow:0px 1px 0px #f00,0px -1px 0px #f00,1px 0px 0px #f00,-1px 0px 0px #f00; }

\r
So to get the desired effect, note, the shadow should look in all 4 sides that would not spoil the figure.

NeOn4eG · Answer 2 · 2019-03-22T06:52:23+0000

Complement CaptainQuazar. 4 the shade is not needed, one is enough.
\r
\r

\r\r\rbody{background:#000}\rdiv{\rwidth:100px;\rheight:30px;\rbackground:#F00;\rborder:#FF0 dashed 1px;\rborder-radius:5px;\rBox-shadow:0px 0px 0px 2px #f00;\r}\r\r

Layout. How to implement border inside the unit, not on its border? An example in the description

Please log in or register to add a comment.

Please log in or register to answer this question.

4 Answers

Please log in or register to add a comment.

Please log in or register to add a comment.

Please log in or register to add a comment.

Please log in or register to add a comment.

Related questions

Most popular tags