Tạo góc bo tròn bằng CSS


  1. Bo tròn 4 gốc:

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;

    Code:
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    width:350px;
    background-color:#999999;
    border:1px #0066FF solid;
    height:100px;

    ex :

    <html>
    <head></head><style type=”text/css”>
    botron{

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    width:350px;
    background-color:#999999;
    border:1px #0066FF solid;
    height:100px;

    }

    </style>
    <body>

    </body>
    </html>


  2. Bo tròn góc trên trái

    -moz-border-radius-topleft:10px;
    -webkit-border-top-left-radius:10px;

  3. Bo góc tròn dưới trái

    -moz-border-radius-bottomleft:10px;
    -webkit-border-bottom-left-radius:10px;

  4. Bo góc tròn trên phải

    -moz-border-radius-topright:10px;
    -webkit-border-top-right-radius:10px;

  5. Bo tròn góc dưới phải   

    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-right-radius:10px;

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s