用CSS3画出一个圆
最近逛点点网，发现有两个圆（貌似是用于查看关注状态的东东）挺好看的，起初以为是图片，结果用工具一看居然都是用纯css样式画出来的 ，赶快学习了下。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
#test
{
width:57px; height:57px; border:1px solid black;
background-color:#66BDFF;
position:absolute;
border-top-left-radius:28px;
border-top-right-radius:28px;
border-bottom-left-radius:28px;
border-bottom-right-radius:28px;
filter:alpha(opacity=54);
}
</style>
</head>
<body>
<div id="test"></div>
</body>
</html>
前端能用css实现的就都尽量不用图片吧，虽然不是做前端的，但是还是值得学习学些 。具体的文档可以参考这里http://dotnet.aspx.cc/CSS3/border-top.htm
