Show DevBest [Rel] From W3 Rounded Box with corners

Status
Not open for further replies.

astroids

New Member
Jan 2, 2011
22
0
Just do the following

Make a file called index.html and paste this

PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css"> 
div
{
border:2px solid #a1a1a1;
padding:10px 40px; 
background:#dddddd;
width:300px;
-moz-border-radius:25px; /* Firefox */
border-radius:25px;
}
</style>
</head>
<body>

<p><b>Note:</b> Internet Explorer does not support the border-radius property.</p>

<div>The border-radius property allows you to add rounded corners to elements.</div>

</body>
</html>

Then make a file called text.css and paste this
div
{
border:2px solid;
-moz-border-radius:25px; /* Firefox */
border-radius:25px;
}

This wil happend

1293960449969415545955.jpg


Credits W3
 

Kryptos

prjRev.com
Jul 21, 2010
2,205
1,252
You forgot do make it compatible with Safari..
Code:
div {
border: 2px solid;
border-radius:  25px; //adds rounded corners for Chrone
-moz-border-radius: 25px; //adds rounded corners for Firefox
-webkit-border-radius: 25px; //adds rounded corners for Safari
-o-border-radius: 25px; //adds rounded corners for Opera, that's if it has that feature, not sure.
}
Thanks for sharing.
 
Status
Not open for further replies.

Users who are viewing this thread

Top