07月 15th, 2008

CSS实现圆角方法收集

Category: 文摘, Author: admin, Popularity: 42% [?]

在web开发中实现圆角效果有很多方法，可以使用图片，可以使用javascript，也可以用css技术。下面是我收集的css圆角技术的一个列表，并做了简单的分类和比较。 

只用css的技术

名字
 		 图片数量
 		 流式/固定布局
 		  
Even More Rounded Corners With CSS
 1 流式  
Even More Rounded Corners With CSS 1 流式  
CSS Mojo: Adding Visual Polish To Your Pages 1 流式  
CSS Round Corners 0 固定 / 流式  
Single Image Fluid/固定 Rounded Bordered Corners walkthrough 1 固定 / 流式  
ORB | Fluid CSS One Image Round Borders 1 流式  
Rounded Corners for 固定 width 2 固定  
Curved boxes in CSS 2 固定  
Chunky Borders and corners with no images 0 固定 / 流式  
Lean and Clean CSS boxes 2 固定  
PNG transparency rounded corners using images 7 流式  
CSS 流式 Round Corners 6 固定 / 流式  
RoundedCornr 4 固定 / 流式  
More Rounded Corners with CSS 6 流式  
Spanky Corners 4 流式  
Mountaintop Corners 2 固定  
Custom Corners & Borders: Part I 5 流式  
Custom Corners & Borders: Part II 5 流式  
Simple Rounded Corner CSS Boxes 1 固定  
Spiffy Box 1 固定  
Graphik Junkie 3 固定  
Single Image Rounded Corners 1 固定 / 流式  
Custom Corners 3 固定  
Bullet Proof Rounded Corners 4 流式  
Rounded Corners in CSS 4 固定  
CSS teaser box 1 固定  
CSS teaser box revisited 2 流式  
News list 1 or 2 固定  
CSS Rounded Box Generator 5 固定  
Round Corners 3 or 6 固定 or 流式  
Rounded corners using CSS 4 流式  
Simple Box 8 固定 / 流式  
Custom Bordered Boxes 1 or 2 固定 / 流式  
流式 box with rounded corners 4 流式  
Borders with curves 5 固定  
Boxes with curves 4 固定  
Rounded block or design with CSS & XHTML 3 固定  
Resizable box with freely stylable corners & surface 4 流式  
Rounded corners in CSS 4 流式  
Broader Border Corners 4 流式  
流式 round corners 4 流式  
CSS: Smart Corners 4 流式  
Add Fluid Borders to Your Boxes with CSS 0 固定  
Snazzy Borders 0 固定 / 流式  
Spiffy Corners 0 固定 / 流式  

 

需要JavaScript的方法

名字  
 图片数量  
 固定 /流式布局  
Corner.js 0 固定  
Anti-aliased Rounded corners with JQuery 0 固定 / 流式  
ShadedBorder 0 固定 / 流式  
Transcorners 0 固定  
Sweet Rounded Corners 1 流式  
DomCorners 1, 2, 5 流式  
Transparent Custom Corners and Borders 2 固定  
Customising custom corners and borders 2 流式  
curvyCorners 0 固定 / 流式  
Nifty Corners Cube 0 固定 / 流式  
Rico – Javascript Rounded Corners 0 固定  
Rounded Corners With CSS and JavaScript 0 固定  
Rounded Corners with CSS and JavaScript 4 固定  
MochiKit Rounded Corners 0 流式  
Octopus Engine 8 流式  
Editsite Rounded Corners 0 固定  
Anti-aliased Nifty Corners 0 流式  
Rounded Corners without Images 0 流式  

原文地址：http://www.xuzhousoft.cn/content/view/42/29/

Popularity: 42% [?]

Tags：, .
评论数量(0) | Add Comments
本文网址：http://www.babaniu.com/?p=15

There are No comments.

» You can leave a response or Trackback .

leave a reply