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?"