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


Warning: count(): Parameter must be an array or an object that implements Countable in /home/styllloz/public_html/qa-theme/donut-theme/qa-donut-layer.php on line 274
0 like 0 dislike
29 views
Want to get rid of background-image, make the gradient using box-shadow in css, but how to make a dotted line?
image

Need to get one tag, then to this feed jqueryui.com/demos/button/
Any ideas?
by | 29 views

4 Answers

0 like 0 dislike
\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.
by
0 like 0 dislike
outline:1px dashed red;
outline-offset:-4px;
by
0 like 0 dislike
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
by
0 like 0 dislike
outline: 1px solid #color;
by

Related questions

0 like 0 dislike
3 answers
0 like 0 dislike
1 answer
0 like 0 dislike
1 answer
0 like 0 dislike
3 answers
110,608 questions
257,186 answers
0 comments
28,003 users