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
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
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 2, 2019 by skynet32rus

Most popular tags

javascript php css html jquery wordpress python linux web-development mysql android windows java layout c# computer-networks node.js cpp iron yii vue.js 1C-Bitrix react laravel django nginx system-administration search-engine-optimization api ubuntu the-it-education. ajax sql programming hosting cms design apache google-chrome bootstrap Vkontakte macos google network-administration git laptops algorithms regular-expressions unity-game-engine email angular database network-equipment software wooсommerce debian .net ios information-security video law-in-it browsers books parsing wi-fi game-development career htaccess postgresql telegram mikrotik mobile-development ruby-on-rails the-domain-name-system modx Yandex c json opencart Habr freelance vpn asp.net windows-server symfony bots hard-drives math qt DIY audio frontend payment-system bash electronics gulp.js user-interface docker online-shopping
110,608 questions
257,186 answers
0 comments
28,003 users