Spanky Corners 1.0：圆角+干净HTML +没有JavaScript

在我们最近围绕Greg的Spiffy Corners和markup进行的讨论中提出的许多有趣的论点中 ，有一点很难争论—“ 如果您说这不是答案，那么您有什么选择？ '

公平点也是。

当时，我成功地找到了该问题的真实答案，但是由于没有“设计视图”，也没什么好写的，所以我决定尝试一个答案。 我上个月发布的替代方案很原始，但是在Lox，Matt，Kevin，Tom和Craig的大力帮助下， Spanky Corners现在处于一个阶段，我们认为它相对健壮，有用并且可用于各种Web开发人员。

优点很容易识别。

• 超低脂HTML
• 无需JavaScript
• 拐角半径没有实际限制
• 有效的XHTML（严格）和CSS
• 无障碍
• 微小的图形要求
• 我们为您生成图像和CSS！

我们看到的唯一可预见的缺点是：

• 依赖于最小的 HTML结构（即，单个段落不起作用）。
• 解决了： IE6用户将他/她的字体大小放大会在左上角看到一个小差距

我仍然不相信IE6问题没有解决的办法，所以让我知道您是否遇到了paydirt。

Spanky已在IE6，IE7，Firefox 1.5，Safari 1.0和Opera 8.53中进行了测试。

我们决定完全忽略IE5 + 5.5的支持，因为那些浏览器对列表图像的支持不够好。 实际上，我们建议使用条件注释从IE5中完全去除舍入的图形。

我们已经对这一切的工作原理和FAQ进行 了相当深入的解释 ，但是您可能只想使用生成器和代码来体会一下。

希望您会觉得方便，如果您发现任何改进，请告诉我们。 这肯定是一个正在进行的工作。

我们改变了IE渲染左上角的方式（基本上只将列表图像交换为IE中的第一个字母），从而使其可以在两个方向上平滑缩放。 如果您想更新先前下载的任何代码，则只需更新条件注释。

我们还将IE特定的代码分解为自己的样式表，并将整个内容下载为ZIP文件。

在这里进行Spanky试驾

翻译自: https://www.sitepoint.com/spanky-corners-10-rounded-corners-clean-html-no-javascript/