How to move the border a certain distance?


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
21 views
Maybe the question sounded nurowski, but I'm really not experienced with this yet.
You need another container to the border of his wrap or something else you got?

On the sweet map it just by the color showed where they should be boarders
5aeea6da154a6770446049.png
by | 21 views

3 Answers

0 like 0 dislike
Everything can be solved with padding:
\rhttps://jsfiddle.net/r5hkjeLs/
by
0 like 0 dislike
is better using the pseudo-element. Your main div , for example
5aeeaab7281a4628833793.jpeg
.block {
position: relative;
width: 200px;
height:300px;
background-color: #fff;
}

.block::before {
content: "";
z-index: 1;
position: absolute;
width:180px;
height: 280px;
top: 10px;
left: 10px;
border: 2px solid blue; }
Just keep in mind that everything inside the main unit will have too put in a separate div and absolute positioning with z-index 2
by
0 like 0 dislike
Wrap in a div and give padding...Why are there pseudo-elements
by
110,608 questions
257,186 answers
0 comments
35,389 users