CSS code for round corners
-
-
- Amandeep Singh
- Preeminent Rocketeer
- Posts: 17652
- Thanks: 2
-
Quick way would be to imply css3 moz-radius property
www.w3.org/TR/css3-background/#the-border-radius - Quick tips::
1) Clear your browser cache if changes dont reflect
2) Provide link to your site to help us help you better
3) Use in firebug
Tutorial-- http://www.rockettheme.com/blog/team/255-tools-firebug
softlogique.com
-
-
-
- Daniel Morgan
- Newbie
- Posts: 5
- Thanks: 0
-
hello idesign,
are you looking for something like this...
<style type="text/css">
div
{
position:absolute;
width:200px;
height:100px;
background-color:#efefef;
}
.div1
{
border:3px solid #ff0000;
left:10px;top:50px;
-moz-border-radius:30px;
-khtml-border-radius:30px;
}
</style>
<title>Frame with rounded corners</title>
</head>
<body>
<div class="div1">example</div>
</body>
have fun
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
you can test some things here:
westciv.com/tools/box-properties/index.html
But be aware of the fact that IE is NOT supporting rounded corners via CSS.
For techniques to solve that search google for "rounded corners with css".
There are more aticles about that then I've got hair :shock:
-
Time to create page: 0.076 seconds