treehouse : what would you like to learn today?
Web Design Web Development iOS Development

[Solved] Border around css-generated trapezoid

  • Hello everyone,

    So I'm trying to put a 1px black border around a trapezoid generated like this:

    border-top:80px solid #C1C1C1;
    border-left:45px solid transparent;
    border-right:45px solid transparent;
    padding:0 8px 0 0;
    height:0;
    width:120px;
    

    But of course I'm already using borders for the trapezoid, so is there any way to ether generate the trapezoid differently or apply the 1px border differently?

    Any feedback is much appreciated,

    Cheers

  • pseudo element

    http://codepen.io/ChrisPlz/pen/vjkeq

    The math isn't right for a 1px border, but the principle is there.

  • Awesome, Thanks!