1

I want to set an image around a round div as border. The round div is created by border-radius:50%.

CSS:

.circ {
 border-radius: 50%;
 border: 15px solid transparent;
 padding: 15px;
 border-image-source: url(border.png);
 border-image-repeat: round;
 border-image-slice: 30;
}

HTML:

<div class="circ"></div>

This is my div:

div without border

Border:

border image

And finally I want this:

div with image border

Nisse Engström
  • 4,738
  • 23
  • 27
  • 42
behnam
  • 100
  • 1
  • 10
  • check this answer https://stackoverflow.com/questions/5706963/possible-to-use-border-radius-together-with-a-border-image-which-has-a-gradient – AlwaysStudent Dec 12 '18 at 05:36
  • look at the way that border-image works:https://css-tricks.com/almanac/properties/b/border-image/ – לבני מלכה Dec 12 '18 at 05:55
  • this way only works for border-image, but i want to make round-border-image. it seems that these two don't work when used together. – behnam Dec 12 '18 at 06:01

0 Answers0