现在web2.0时代圆角风行,对于圆角效果有多种实现方案,比如圆角透明的png图片、透明gif、纯css控制等等
今天在网上看到一种用css实现无锯齿完美圆角的方法,值得收藏。
HTML代码:
1: <html>
2: <head>
3: <style type="text/css">
4: .spiffy{display:block}
5: .spiffy *{
6: display:block;
7: height:1px;
8: overflow:hidden;
9: font-size:.01em;
10: background:#CC0000}
11: .spiffy1{
12: margin-left:3px;
13: margin-right:3px;
14: padding-left:1px;
15: padding-right:1px;
16: border-left:1px solid #e99191;
17: border-right:1px solid #e99191;
18: background:#d83f3f}
19: .spiffy2{
20: margin-left:1px;
21: margin-right:1px;
22: padding-right:1px;
23: padding-left:1px;