Home
Register
About
Login
Categories
C#
(13)
VB.NET
(0)
F#
(0)
ASP.NET
(15)
JavaScript
(4)
C++
(0)
C
(0)
Python
(0)
Ruby
(0)
Rails
(0)
J#
(0)
SQL
(0)
VB Script
(0)
HTML
(0)
CSS
(2)
XML
(2)
XSLT
(0)
Unit Testing
(7)
Architecture
(2)
Ajax
(0)
Project Management
(0)
LINQ to SQL
(2)
LINQ
(0)
LINQ to XML
(1)
NHibernate
(0)
Active Record
(0)
Silverlight
(0)
ASP.NET MVC
(0)
Life
(0)
Book Reviews
(0)
WPF
(1)
Visual Studio
(0)
Only CSS to Make Round Corners
by azamsharp on 5/25/2008 3:21:28 PM
I found some nifty CSS code to make round corners without using images. Here is the article link:
Nifty CSS Round Corners
<style type="text/css">
ul
{
width:180px;
list-style-type:none;
margin:0 auto;
padding:0;
}
li
{
}
li span
{
display:block;
position:relative;
margin:4px 1px;
border-width:1px 0;
border-style:solid;
text-decoration:none;
background-color:Green;
}
li span div
{
display:block;
background-color:green;
margin:0 -1px;
padding:2px 16px;
color:Black;
}
</style>
<ul>
<li>
<span><div>
The content here is rounded!
</div></span>
</li>
</ul>
Refactor it!
Please log in to refactor the code!
Login