不整点圆角怎么能算是2.0呢,所以我在bloggermap的新版设计中全部采用了圆角。下图是正在孕育中的新版bloggermap界面截图
而那个圆角是采用google的圆形背景来作为转角实现的,具体的思路如下图所示:

将一个DIV分作上中下三部分,上和下部分又由ABC三部分组成,A是一个有1/4圆角背景的DIV,同样C也是,当然啦,背景采用的是同一幅图,通过background-position来实现背景的偏移,下面是代码,包括CSS和HTML部分。
这里是效果,呵呵
这里是效果,呵呵
确切的说,上面的代码和google关系不大,仅仅是圆形背景采用了google的图片而已。注意由于IE6对png图片的支持有限,所以该效果在IE6下有点别扭,IE7和FF正常。管他的呢,IE6马上就要推出历史的舞台了。好了,下面正式分享另外一个纯google的圆角中空样式(可惜我今天才发现,要不然就得节约我很多资源了)
代码:
| Tell us how we're doing: Please answer a few questions about your experience to help us improve our Help Center. | ||
效果:
| Tell us how we’re doing: Please answer a few questions about your experience to help us improve our Help Center. | ||
————–华丽的结束此文—————–
标签:css, HTML客户端
好看,可惜有些麻烦。。。
巨麻烦