The forum of the forums

Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums
2 posters

    Rounded Corners on CPINFO Box

    silly-aussie
    silly-aussie
    New Member


    Female Posts : 2
    Reputation : 1
    Language : English
    Location : In A Paper Town

    Solved Rounded Corners on CPINFO Box

    Post by silly-aussie April 25th 2015, 8:06 am

    Hello, I was wondering how do I get rounded corner on my CPINFO box like these. 

    Rounded Corners on CPINFO Box Box10

    The code I am currently using is

    Code:
    .box {
    border: 1px solid;
    margin: 2px 0px;
    padding:10px 5px 5px 10px;
    background-repeat: no-repeat;
    background-position: 40px center;
    }
    .box {
    color: #000000;
    background-color: #ffffcc;
    background-image: url('');
    }


    Last edited by silly-aussie on April 25th 2015, 10:09 pm; edited 1 time in total
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13207
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania

    Solved Re: Rounded Corners on CPINFO Box

    Post by Ange Tuteur April 25th 2015, 9:41 pm

    Hi @silly-aussie,

    To round the corners of an element in CSS, you can use the border-radius property.

    Example :
    Code:
    .box { border-radius:10px }
    silly-aussie
    silly-aussie
    New Member


    Female Posts : 2
    Reputation : 1
    Language : English
    Location : In A Paper Town

    Solved Re: Rounded Corners on CPINFO Box

    Post by silly-aussie April 25th 2015, 10:09 pm

    Thank you so much! This helped me a lot!


    Topic Solved!
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13207
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania

    Solved Re: Rounded Corners on CPINFO Box

    Post by Ange Tuteur April 25th 2015, 10:12 pm

    You're welcome ^^

    Topic archived

    Have a nice day. Smile

      Current date/time is September 23rd 2024, 6:28 am