View Full Version : CSS Arrow Border - How to repeat it?

01-14-2013, 02:33 AM
Hey, I have made a up arrow using css.

.arrowUp {
width: 0;
border-left: 22px solid transparent;
border-right: 22px solid transparent;
border-bottom: 26px solid #0d151a;

This is found above a content box. I want this arrow to repeat horizontally like the below example.

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ <---- Example.

How would I do this. Thanks in advance!

01-14-2013, 03:11 AM
This is a border, you cannot repeat it. It applies once to each element. If you want it repeated then just use multiple elements of that class.

If you want repeatable background then just use background-image and background-repeat or just general background in CSS. http://www.w3schools.com/css/css_background.asp