top button
Flag Notify
    Connect to us
      Facebook Login
      Site Registration Why to Join

    Get Free Article Updates

Facebook Login
Site Registration

CSS3 border radius example for curve borders and circle

+3 votes
92 views

By using CSS3 property border-radius we can make the control border curve or circle, the below example will let you know how to do that.

Source Code: 

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <div style="border-radius: 25px;height: 200px;width: 200px;margin: 10px;background: green;float:left;">
        </div>
        <div style="border-radius: 100px;height: 200px;width: 200px;margin: 10px;background: orange;float:left;">
        </div>
    </div>
    </form>
</body>
</html>

Output:

 

posted Dec 1, 2015 by Shivaranjini

  Promote This Article
Facebook Share Button Twitter Share Button LinkedIn Share Button

Contact Us
+91 9880187415
sales@queryhome.net
support@queryhome.net
#280, 3rd floor, 5th Main
6th Sector, HSR Layout
Bangalore-560102
Karnataka INDIA.
QUERY HOME
...