The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] Put Arrow On Corner CSS

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #150270

    Hi I am trying to put my drop down arrow on the corner I can only get it to the edge do not know how to make arrow look like it is on corner.


    Which corner?

    How should it look?

    Do you have an image?


    Like this image here click on link to view image


    Well…you’ll have to rotate it first…then change the position values so it sits right.


    Thanks. did you add the negative to right and bottom? and i see z-index new?



    You play with the position numbers to get it located correctly. If you set them back to zero it will just hang outside the box.

    The z-index is there to make sure it sits behind the main element. If you don’t do that it will sit in front and possibly hide the
    content of the box.

    To see what I mean, try removing the x-index property and change the border-top color to red.

    The shape of the arrow is determined by the border sizes so you can play with that too. It’s actually very flexible.

    Here…see what I mean.:

Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘CSS’ is closed to new topics and replies.