double border around a container

Question

I wanted to create an effect like this around my border, basically a double sided border. Currently I am using an image as a background-image, but the issue comes when I want to make the site responsive. So I want to re-create this using CSS. Is this even possible?

enter image description here

score 1 · Accepted Answer · edited May 23 '17 at 12:30

1

yes use border-style:double; and for inverted round border you can use jquery-plugin (jquery.corner.js) $(this).corner("bite"); also see this question.

edited May 23 '17 at 12:30

Community

1
1

answered Sep 30 '13 at 02:23

Math chiller

4,123
6
28
44

score 0 · Answer 2 · answered Sep 30 '13 at 02:04

0

Yes this is possible to have a double border.

Example -

#myDiv {
    border:1px double black;
}

answered Sep 30 '13 at 02:04

George

2,371
4
13
15

score 0 · Answer 3 · edited Sep 30 '13 at 02:18

0

The below code will put the double border.

CSS

p{
    border-style:double;
}

HTML

<p>A double border.</p>

edited Sep 30 '13 at 02:18

Josh Crozier

233,099
56
391
304

answered Sep 30 '13 at 02:11

Gourav

1,765
2
15
16

double border around a container

3 Answers3