New Topic/Question
Reply
<!DOCTYPE html>
<html>
<head>
<style>
div
{
border:1px solid #a1a1a1;
padding:10px 40px;
background:#dddddd;
width:300px;
border-radius:25px;
}
</style>
</head>
<body>
<div>The border-radius property allows you to add rounded corners to elements.</div>
</body>
</html>
3 Replies - 331 Views - Last Post: 29 January 2013 - 05:13 AM
#1
adithya915
- New D.I.C Head
Reputation: 0
- Posts: 2
- Joined: 29-January 13
Problem - while giving rounded corners
Posted 29 January 2013 - 04:28 AM
Problem - while giving borders i am not able to get the rounded corners in google chrome and mozilla
Is This A Good Question/Topic?
0
MultiQuoteReplies To: Problem - while giving rounded corners
#2
Atli
- D.I.C Lover
-
Reputation: 3040
- Posts: 4,554
- Joined: 08-June 10
Re: Problem - while giving rounded corners
Posted 29 January 2013 - 04:34 AM
Which versions of Mozilla and Chrome? The code you posted works fine in the latest versions of both.
Keep in mind that the border-radius style is relatively new; a part of the CSS3 spec. Support for it won't exist in older versions of any of the major browsers. (Though you have to go pretty far back for Firefox and Chrome.)
You can see a compatibility list at the bottom of the Mozilla Docs page on the style:
border-radius - CSS |MDN
Keep in mind that the border-radius style is relatively new; a part of the CSS3 spec. Support for it won't exist in older versions of any of the major browsers. (Though you have to go pretty far back for Firefox and Chrome.)
You can see a compatibility list at the bottom of the Mozilla Docs page on the style:
border-radius - CSS |MDN
Was This Post Helpful?
1
#3
adithya915
- New D.I.C Head
Reputation: 0
- Posts: 2
- Joined: 29-January 13
Re: Problem - while giving rounded corners
Posted 29 January 2013 - 04:46 AM
Thank u sir
Was This Post Helpful?
0
Page 1 of 1
|
|
| 