<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Kiefer's Blog &#187; 圆角</title>
	<atom:link href="http://www.angere.net/tag/%e5%9c%86%e8%a7%92/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.angere.net</link>
	<description>...</description>
	<lastBuildDate>Mon, 08 Feb 2010 02:49:34 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>实现圆角的各种方法(转)</title>
		<link>http://www.angere.net/2006/11/07/rounded-corners/</link>
		<comments>http://www.angere.net/2006/11/07/rounded-corners/#comments</comments>
		<pubDate>Tue, 07 Nov 2006 11:43:02 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[圆角]]></category>

		<guid isPermaLink="false">http://localhost/wordpress/?p=49</guid>
		<description><![CDATA[----- <a href="http://www.angere.net/2006/11/07/rounded-corners/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>实现圆角的各种方法</p>
<table id="css_rounded_corners" class="data sortable">
<tr>
<th width="120"><a href="#" onclick="ts_resortTable(this, 0);return false;" class="sortheader">Name<span class="sortarrow">   </span></a></th>
<th><a href="#" onclick="ts_resortTable(this, 1);return false;" class="sortheader"># of Images<span class="sortarrow">   </span></a></th>
<th><a href="#" onclick="ts_resortTable(this, 2);return false;" class="sortheader">Java Script?<span class="sortarrow">   </span></a></th>
<th><a href="#" onclick="ts_resortTable(this, 3);return false;" class="sortheader">Fixed / Liquid<span class="sortarrow">   </span></a></th>
<th><a href="#" onclick="ts_resortTable(this, 4);return false;" class="sortheader">Site / Comments<span class="sortarrow">   </span></a></th>
</tr>
<tr>
<td><a href="http://inviz.ru/moo/transcorners/" title="Inviz.ru">Transcorners</a></td>
<td>0</td>
<td>Y</td>
<td>Fixed</td>
<td>Inviz.ru</td>
</tr>
<tr>
<td><a href="http://www.schillmania.com/content/entries/2006/04/more-rounded-corners/" title="Schillmania">More Rounded Corners with <span class="caps">CSS</span></a></td>
<td>6</td>
<td>N</td>
<td>Liquid</td>
<td>Schillmania</td>
</tr>
<tr>
<td><a href="http://www.mixd.net/Web_Stuff/Rounded_Corners/" title="Mixd.net">Sweet Rounded Corners</a></td>
<td>1</td>
<td>Y</td>
<td>Fixed</td>
<td>Mixd.net.<br />
Online generator</td>
</tr>
<tr>
<td><a href="http://tools.sitepoint.com/spanky/" title="SitePoint">Spanky Corners</a></td>
<td>4</td>
<td>N</td>
<td>Liquid</td>
<td>SitePoint.<br />
Online generator</td>
</tr>
<tr>
<td><a href="http://www.alistapart.com/articles/mountaintop/" title="A List Apart">Mountaintop Corners</a></td>
<td>2</td>
<td>N</td>
<td>Fixed</td>
<td>A List Apart.<br />
Uses definition list</td>
</tr>
<tr>
<td><a href="http://www.alistapart.com/articles/customcorners/" title="A List Apart">Custom Corners &amp; Borders: Part I</a></td>
<td>5</td>
<td>N</td>
<td>Liquid</td>
<td>A List Apart.<br />
For solid backgrounds</td>
</tr>
<tr>
<td><a href="http://www.alistapart.com/articles/customcorners2/" title="A List Apart">Custom Corners &amp; Borders: Part II</a></td>
<td>5</td>
<td>N</td>
<td>Liquid</td>
<td>A List Apart.<br />
For gradient backgrounds</td>
</tr>
<tr>
<td><a href="http://www.modxcms.com/simple-rounded-corner-css-boxes.html" title="Modx CMS">Simple Rounded Corner <span class="caps">CSS</span> Boxes</a></td>
<td>1</td>
<td>N</td>
<td>Fixed</td>
<td>Modx <span class="caps">CMS.</span><br />
Replaces <a href="http://www.vertexwerks.com/tests/sidebox/" title="Vertex Werks">Thrash Box</a></td>
</tr>
<tr>
<td><a href="http://www.spiffybox.com/" title="SpiffyBox">Spiffy Box</a></td>
<td>1</td>
<td>N</td>
<td>Fixed</td>
<td>SpiffyBox.<br />
Online generator based on Thrash Box</td>
</tr>
<tr>
<td><a href="http://www.graphikjunkie.com/borders/" title="Graphik Junkie">Graphik Junkie</a></td>
<td>3</td>
<td>N</td>
<td>Fixed</td>
<td>Graphik Junkie</td>
</tr>
<tr>
<td><a href="http://phoenity.com/tests/custom_corners_two.html" title="Phoenity">Single Image Rounded Corners</a></td>
<td>1</td>
<td>N</td>
<td>Fixed / Liquid</td>
<td>Phoenity</td>
</tr>
<tr>
<td><a href="http://interface-7.net/20040218/" title="Interface-7">Custom Corners</a></td>
<td>3</td>
<td>N</td>
<td>Fixed</td>
<td>Interface-7</td>
</tr>
<tr>
<td><a href="http://www.quinncrowley.com/rounded.htm" title="Quinn Crowley">Single Image Rounded Corners</a></td>
<td>1</td>
<td>N</td>
<td>Fixed / Liquid</td>
<td>Quinn Crowley</td>
</tr>
<tr>
<td><a href="http://www.albin.net/CSS/RoundedCorners/" title="Albin.Net">Bullet Proof Rounded Corners</a></td>
<td>4</td>
<td>N</td>
<td>Liquid</td>
<td>Albin.Net.<br />
Images added via <span class="caps">HTML </span>not <span class="caps">CSS</span></td>
</tr>
<tr>
<td><a href="http://kalsey.com/2003/07/rounded_corners_in_css/" title="Adam Kalsey">Rounded Corners in <span class="caps">CSS</span></a></td>
<td>4</td>
<td>N</td>
<td>Fixed</td>
<td>Adam Kalsey</td>
</tr>
<tr>
<td><a href="http://web-graphics.com/mtarchive/001660.php" title="Web Graphics">DomCorners</a></td>
<td>1, 2, 5</td>
<td>Y</td>
<td>Liquid</td>
<td>Web Graphics.<br />
# of images based on layout</td>
</tr>
<tr>
<td><a href="http://www.456bereastreet.com/archive/200609/transparent_custom_corners_and_borders_version_2/" title="456 Berea Street">Transparent Custom Corners and Borders</a></td>
<td>2</td>
<td>Y</td>
<td>Fixed</td>
<td>456 Berea Street</td>
</tr>
<tr>
<td><a href="http://www.456bereastreet.com/archive/200506/customising_custom_corners_and_borders/" title="456 Berea Street">Customising custom corners and borders</a></td>
<td>2</td>
<td>Y</td>
<td>Liquid</td>
<td>456 Berea Street</td>
</tr>
<tr>
<td><a href="http://www.456bereastreet.com/archive/200406/css_teaser_box/" title="456 Berea Street"><span class="caps">CSS </span>teaser box</a></td>
<td>1</td>
<td>N</td>
<td>Fixed</td>
<td>456 Berea Street</td>
</tr>
<tr>
<td><a href="http://www.456bereastreet.com/archive/200406/css_teaser_box_revisited/" title="456 Berea Street"><span class="caps">CSS </span>teaser box revisited</a></td>
<td>2</td>
<td>N</td>
<td>Liquid</td>
<td>456 Berea Street</td>
</tr>
<tr>
<td><a href="http://www.456bereastreet.com/lab/newslist/" title="456 Berea Street">News list</a></td>
<td>1 or 2</td>
<td>N</td>
<td>Fixed</td>
<td>456 Berea Street</td>
</tr>
<tr>
<td><a href="http://www.neuroticweb.com/recursos/css-rounded-box/" title="Neurotic Web"><span class="caps">CSS</span> Rounded Box Generator</a></td>
<td>5</td>
<td>N</td>
<td>Fixed</td>
<td>Neurotic Web.<br />
Online generator</td>
</tr>
<tr>
<td><a href="http://www.sovavsiti.cz/css/corners.html" title="Sova v siti">Round Corners</a></td>
<td>3 or 6</td>
<td>N</td>
<td>Fixed or Liquid</td>
<td>Sova v siti<br />
Liquid box uses 8 divs</td>
</tr>
<tr>
<td><a href="http://www.svay.com/coins_arrondis/rounded_corners.html" title="Maurice Svay">Rounded corners using <span class="caps">CSS</span></a></td>
<td>4</td>
<td>N</td>
<td>Liquid</td>
<td>Maurice Svay</td>
</tr>
<tr>
<td><a href="http://www.sperling.com/examples/box/" title="Sperling Corporation">Simple Box</a></td>
<td>8</td>
<td>N</td>
<td>Fixed / Liquid</td>
<td>Sperling Corporation</td>
</tr>
<tr>
<td><a href="http://wd.mrclay.org/custom_bordered_boxes/" title="Steve Clay">Custom Bordered Boxes</a></td>
<td>1 or 2</td>
<td>N</td>
<td>Fixed / Liquid</td>
<td>Steve Clay.<br />
Includes Fireworks source file</td>
</tr>
<tr>
<td><a href="http://guyfisher.com/workshop/css/corners/" title="Guy Fisher">Liquid box with rounded corners</a></td>
<td>4</td>
<td>N</td>
<td>Liquid</td>
<td>Guy Fisher</td>
</tr>
<tr>
<td><a href="http://www.webcredible.co.uk/user-friendly-resources/css/css-round-corners-borders.shtml" title="Webcredible">Borders with curves</a></td>
<td>5</td>
<td>N</td>
<td>Fixed</td>
<td>Webcredible</td>
</tr>
<tr>
<td><a href="http://www.webcredible.co.uk/user-friendly-resources/css/css-round-corners-boxes.shtml" title="Webcredible">Boxes with curves</a></td>
<td>4</td>
<td>N</td>
<td>Fixed</td>
<td>Webcredible</td>
</tr>
<tr>
<td><a href="http://tutorials.alsacreations.com/cadre/" title="Alsacreations">Rounded block or design with <span class="caps">CSS </span>&amp; <span class="caps">XHTML</span></a></td>
<td>3</td>
<td>N</td>
<td>Fixed</td>
<td>Alsacreations.<br />
Uses definition list for markup</td>
</tr>
<tr>
<td><a href="http://roundedbox.andreas-kalt.de/" title="Andreas Kalt">Resizable box with freely stylable corners &amp; surface</a></td>
<td>4</td>
<td>N</td>
<td>Liquid</td>
<td>Andreas Kalt</td>
</tr>
<tr>
<td><a href="http://virtuelvis.com/gallery/css/rounded/" title="Arve Bersvendsen">Rounded corners in <span class="caps">CSS</span></a></td>
<td>4</td>
<td>N</td>
<td>Liquid</td>
<td>Arve Bersvendsen.<br />
Does not work in IE</td>
</tr>
<tr>
<td><a href="http://www.airtightov.com/lab/airtight_corners.html" title="Airtight Design Group">Airtight Corners</a></td>
<td>1</td>
<td>N</td>
<td>Fixed / Liquid</td>
<td>Airtight Design Group.<br />
Breaks on text resize</td>
</tr>
<tr>
<td><a href="http://24ways.org/advent/broader-border-corners" title="24 Ways">Broader Border Corners</a></td>
<td>4</td>
<td>N</td>
<td>Liquid</td>
<td>24 Ways</td>
</tr>
<tr>
<td><a href="http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm" title="Tiscali">Liquid round corners</a></td>
<td>4</td>
<td>N</td>
<td>Liquid</td>
<td>Tiscali</td>
</tr>
<tr>
<td><a href="http://mikecherim.com/experiments/css_smart_corners.php" title="Mike Cherim"><span class="caps">CSS</span>: Smart Corners</a></td>
<td>4</td>
<td>N</td>
<td>Liquid</td>
<td>Mike Cherim</td>
</tr>
<tr>
<td><a href="http://www.curvycorners.net/" title="Curvy Corners">curvyCorners</a></td>
<td>0</td>
<td>Y</td>
<td>Fixed / Liquid</td>
<td>Curvy Corners.<br />
Support forum; mailing list</td>
</tr>
<tr>
<td><a href="http://pro.html.it/niftycube/" title="HTML.it">Nifty Corners Cube</a></td>
<td>0</td>
<td>Y</td>
<td>Fixed / Liquid</td>
<td><span class="caps">HTML.</span>it.<br />
13 examples</td>
</tr>
<tr>
<td><a href="http://openrico.org/rico/demos.page?demo=ricoEffectRound.html" title="Rico">Rico – Javascript Rounded Corners</a></td>
<td>0</td>
<td>Y</td>
<td>Fixed</td>
<td>Rico</td>
</tr>
<tr>
<td><a href="http://www.devarticles.com/c/a/JavaScript/Building-Rounded-Corners-With-CSS-and-JavaScript/" title="Dev Articles">Rounded Corners With <span class="caps">CSS </span>and JavaScript</a></td>
<td>0</td>
<td>Y</td>
<td>Fixed</td>
<td>Dev Articles</td>
</tr>
<tr>
<td><a href="http://www.webreference.com/programming/css_borders/" title="Web Reference">Add Fluid Borders to Your Boxes with <span class="caps">CSS</span></a></td>
<td>0</td>
<td>N</td>
<td>Fixed</td>
<td>WebReference</td>
</tr>
<tr>
<td><a href="http://www.sitepoint.com/article/rounded-corners-css-javascript" title="SitePoint">Rounded Corners with <span class="caps">CSS </span>and JavaScript</a></td>
<td>4</td>
<td>Y</td>
<td>Fixed</td>
<td>SitePoint</td>
</tr>
<tr>
<td><a href="http://www.mochikit.com/examples/rounded_corners/index.html" title="Mochikit">MochiKit Rounded Corners</a></td>
<td>0</td>
<td>Y</td>
<td>Liquid</td>
<td>Mochikit</td>
</tr>
<tr>
<td><a href="http://www.dragon-labs.com/articles/octopus/" title="Dragon Labs">Octopus Engine</a></td>
<td>8</td>
<td>Y</td>
<td>Liquid</td>
<td>Dragon Labs.<br />
Source package includes <span class="caps">PSD</span>s</td>
</tr>
<tr>
<td><a href="http://www.editsite.net/blog/rounded_corners.html" title="Editsite.net">Editsite Rounded Corners</a></td>
<td>0</td>
<td>Y</td>
<td>Fixed</td>
<td>Editsite.net</td>
</tr>
<tr>
<td><a href="http://www.acko.net/anti-aliased-nifty-corners" title="Steven Wittens">Anti-aliased Nifty Corners</a></td>
<td>0</td>
<td>Y</td>
<td>Liquid</td>
<td>Steven Wittens</td>
</tr>
<tr>
<td><a href="http://seky.nahory.net/2005/04/rounded-corners/" title="Seky">Rounded Corners without Images</a></td>
<td>0</td>
<td>Y</td>
<td>Liquid</td>
<td>Seky</td>
</tr>
<tr>
<td><a href="http://www.cssplay.co.uk/boxes/snazzy.html" title="CSS Play">Snazzy Borders</a></td>
<td>0</td>
<td>N</td>
<td>Fixed / Liquid</td>
<td><span class="caps">CSS</span> Play</td>
</tr>
<tr>
<td><a href="http://www.spiffycorners.com/" title="Spiffy Corners">Spiffy Corners</a></td>
<td>0</td>
<td>N</td>
<td>Fixed / Liquid</td>
<td>Spiffy Corners.<br />
Online generator</td>
</tr>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.angere.net/2006/11/07/rounded-corners/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

