Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    May 2010
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CSS Arrow Border - How to repeat it?

    Hey, I have made a up arrow using css.

    Code:
    .arrowUp {
    width: 0; 
    height: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!

  • #2
    New Coder
    Join Date
    Dec 2012
    Location
    England
    Posts
    20
    Thanks
    0
    Thanked 4 Times in 4 Posts
    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


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •