Skip to content Skip to sidebar Skip to footer

Is It Possible To Change The Color Of A Border Every 75px?

I'd like to put a border with 3 alternating colors with a height of 75px on both the left side and right side of my website. The left side was easy - there were many divs each with

Solution 1:

you may use a repeating-linear-gradient with background-size or an image to fake that border.

 div {
   height:300px;
   background:repeating-linear-gradient(to bottom,#0194BE 0, #0194BE 75px, orange 75px, orange 150px, #E2D397 150px, #E2D397 225px) repeat-y;
   background-size:2px 225px;
 }

http://codepen.io/anon/pen/yDqrb

Else look for the use of border-image http://www.w3.org/TR/css3-background/#border-images.

if you use multiple background, you can draw all borders and even do the fake columns


Post a Comment for "Is It Possible To Change The Color Of A Border Every 75px?"