yangdongxing

在兼容大部分浏览器的前提下，我们都知道，单纯的css方式写出圆角是不可能的，虽然听说css3的标准已经实现圆角边框了，但在兼容主流的情况下，这并不是实现圆角的最兼容方式。目前在公司的项目中div圆角都是采用图片来实现的，这当然跟公司网站的性质有绝对的关系，我自己的博客的div圆角是采用javascript的jquery类库来实现圆角方式的，这种方法的优点是，使用起来方便，三层分离的很好，缺点是，适合博客这种小型的网站，毕竟js占用很多的客户端资源。在内容很多的网页当中这种方法我个人不推荐使用，而且这种方法有一个弊端，就是圆角的背景要求是纯色的。

记得年前的最后一个工作日，在网上瞎逛，看到了一个老外用纯css写的一种圆角实现方法。适用了下，感觉不错，效率很高，虽然有一些html上的“唠叨”。但是在用户体验和节省客户端资源的前提下，这种方式是提倡使用的。打算用在bindnews.com上。

这种div的圆角是利用像素的概念（精确到一个像素），每一个角都使用3个单色的像素块来实现圆角的效果。缺点是：圆角的边缘没有过渡色。

实例地址：圆角div链接

十一之前做好了设计，这几天公司不忙，短短循循的把博客改版啦。 这次版本着两个角度改变：

1，用户体验，这么说起来挺大的，说直白些，就是从浏览者的角度出发来考虑，在网页当中添加了 滚动 的效果，大部分集中在整体网页的右边，那只笔，还有整页右下角的 那只蝴蝶，当点击蝴蝶的时候 会从最低滑动到最顶端。点击笔的时候，会从最顶端打开 extras 中的内容。extras中 应该加点什么，现在还没有确定。大家可以 试试 体验下效果。

2 ，从我的角度来看，我写博客有个习惯，图文并茂，而且喜欢大图。所以选择使用 单列 的布局方式，儿其他的内容会放到最后的extras部分来展现，可以通过 那只笔 来进行 导航。 而且，我很偏向自适应的布局方式，这次改版特意把所有可变字体设置为em单位的字体，方便用户根据个人喜好切换。

抓吓上面看到了，使用 中文的十一号字体的文字。做了个测试，还好吧，收藏啦。

css：font-family: Pmingliu,verdana,arial,sans-serif;font-size:11px

IE6下的效果一般， FF还可以。