I'm trying to create a custom border style for several images on a website (building in WordPress.) Is there a way to get the style shown below with pure CSS? (i.e.: trying to add the dark green wavy border shown below)

enter image description here

  • building in WordPress does not mean this is WorsPress specific. This is generic CSS which should be asked on Stack Overflow Mar 31, 2016 at 20:20
  • sorry my mistake- new to using stack overflow
    – grlwondr
    Apr 1, 2016 at 19:14

1 Answer 1


These links can help you get started:



You can do an effect like this using pseudo-elements and css3.

You could even turn the border into an SVG:

.divider {
  border: 32px solid transparent;
  border-image:url(../svg/wave_96x96_border-image.svg) 32 round round;
  background-color: #3c93c9;

Good luck.

  • Hi @grlwondr if this or any answer has solved your question please consider accepting it by clicking the check-mark. This indicates to the wider community that you've found a solution and gives some reputation to both the answerer and yourself. There is no obligation to do this. Apr 1, 2016 at 19:25

Not the answer you're looking for? Browse other questions tagged or ask your own question.