开始记录生活
杨东星的游离思想,开车转弯不要减速
在兼容大部分浏览器的前提下,我们都知道,单纯的css方式写出圆角是不可能的,虽然听说css3的标准已经实现圆角边框了,但在兼容主流的情况下,这并不是实现圆角的最兼容方式。目前在公司的项目中div圆角都是采用图片来实现的,这当然跟公司网站的性质有绝对的关系,我自己的博客的div圆角是采用javascript的jquery类库来实现圆角方式的,这种方法的优点是,使用起来方便,三层分离的很好,缺点是,适合博客这种小型的网站,毕竟js占用很多的客户端资源。在内容很多的网页当中这种方法我个人不推荐使用,而且这种方法有一个弊端,就是圆角的背景要求是纯色的。
记得年前的最后一个工作日,在网上瞎逛,看到了一个老外用纯css写的一种圆角实现方法。适用了下,感觉不错,效率很高,虽然有一些html上的“唠叨”。但是在用户体验和节省客户端资源的前提下,这种方式是提倡使用的。打算用在bindnews.com上。
这种div的圆角是利用像素的概念(精确到一个像素),每一个角都使用3个单色的像素块来实现圆角的效果。缺点是:圆角的边缘没有过渡色。
实例地址:圆角div链接
抓吓上面看到了,使用 中文的十一号字体的文字。做了个测试,还好吧,收藏啦。
css:font-family: Pmingliu,verdana,arial,sans-serif;font-size:11px
IE6下的效果一般, FF还可以。