利用“Nifty Corners Cube”不用css样式表和背景图片实现圆角矩形,超简洁

当网站页面的整体布局设计好后,接下来有很多细节的实现是很让人头疼的。
其中之一就是圆角矩形的实现

在网上看了很多圆角矩形的实现方法,基本有两种:
一种是:用纯css实现,不需要背景图片;
一种是:用背景图像实现;
但是不管是哪一种,都有一个共同的缺点:需要使用很多代码来嵌套,而这些代码对搜索引擎来说毫无意义;

在《css cookbook》一书中介绍了一种实现圆角矩形十分简洁的方法,那就是用Nifty Corners Cube。
支持主流浏览器:IE5.5, IE6 and IE7 beta 2 preview, Opera 8.5, Firefox 1.5 and Safari 2.0

<script type="text/javascript" src="niftycube.js"></script>
<script type="text/javascript">
window.onload=function(){
Nifty("div#box","big");
}
</script>

详情访问 Nifty Corners Cube官网:http://www.html.it/articoli/niftycube/index.html

另外还有一个使用jQuery插件的多角(圆角、方角、等等N多种效果)
那就是jQuery Corner
官网:http://malsup.com/jquery/corner/利用“Nifty Corners Cube”不用css样式表和背景图片实现圆角矩形,超简洁_第1张图片

你可能感兴趣的:(CSS圆角)