当前位置: 编程技术>WEB前端
纯CSS生成抗锯齿圆角的代码
来源: 互联网 发布时间:2014-09-06
本文导语: 抗锯齿圆角 .antialias-roundedcorners{width:650px;height:76px;padding:5px;background-color:#3847B4;} .spiffy{display:block} .spiffy *{ display:block; height:1px; overflow:hidden; font-size:.01em; background:#F1FFDD} .spiffy1{ ma...
抗锯齿圆角
.antialias-roundedcorners{width:650px;height:76px;padding:5px;background-color:#3847B4;}
.spiffy{display:block}
.spiffy *{
display:block;
height:1px;
overflow:hidden;
font-size:.01em;
background:#F1FFDD}
.spiffy1{
margin-left:3px;
margin-right:3px;
padding-left:1px;
padding-right:1px;
border-left:1px solid #8796c5;
border-right:1px solid #8796c5;
background:#c2d1d2}
.spiffy2{
margin-left:1px;
margin-right:1px;
padding-right:1px;
padding-left:1px;
border-left:1px solid #4a59b8;
border-right:1px solid #4a59b8;
background:#cddcd5}
.spiffy3{
margin-left:1px;
margin-right:1px;
border-left:1px solid #cddcd5;
border-right:1px solid #cddcd5;}
.spiffy4{
border-left:1px solid #8796c5;
border-right:1px solid #8796c5}
.spiffy5{
border-left:1px solid #c2d1d2;
border-right:1px solid #c2d1d2}
.spiffyfg{
background:#F1FFDD;
padding:3px;}
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
This is content
here
http://www.spiffycorners.com/index.php?sc=spiffy&bg=3847B4&fg=D68A88&sz=3px
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]