css3中斜杠_使用斜杠语法设置CSS3边界半径

css3中斜杠

What could I possibly say about the CSS3 border-radius property that hasn’t been said before? Well, I can’t claim that anything I’ll be saying in this article will be completely new to anyone who regularly reads articles covering front-end technologies.

关于以前没有说过的CSS3 border-radius属性 ，我可能怎么说？ 好吧，我不能断言，对于那些经常阅读有关前端技术的文章的人，本文中要说的都是全新的。

Sometimes, however, the apparent simplicity of a particular CSS3 property might blind us to the fact that there can be a whole lot more going on than we think.

但是，有时，特定CSS3属性的明显简单性可能使我们无视这样一个事实，那就是，发生的事情可能比我们想象的要多得多。

That’s exactly what this short article will help to establish—specifically in relation to the border-radius property.

这正是这篇简短文章将有助于建立的内容，特别是关于border-radius属性的内容。

But don’t worry—I’ll go through this carefully, covering some border-radius basics first, to ease into the discussion.

但请放心，我将仔细研究此过程，首先介绍一些border-radius基础知识，以简化讨论。

Before I get into the meat of things, I’m happy to announce that I’ve recently had the privilege of co-authoring an exciting new book project published by SitePoint. It’s called HTML5 and CSS3 for the Real World and is scheduled for a late May launch. Naturally, border-radius will be covered in that upcoming book, but I thought it would be nice to expand on that topic here and provide a little extra for those interested in delving into some of the finer points associated with this property.

在深入探讨事物之前，我很高兴地宣布，我最近有幸与他人合着了SitePoint出版的令人兴奋的新书项目。 在现实世界中称为HTML5和CSS3，计划于5月下旬发布。 自然地， border-radius将在下一本书中讨论，但是我认为最好在这里扩展该主题，并为那些有兴趣研究与该属性相关的一些优点的人提供一些额外的信息。

border-radius基础 (Basics of border-radius)

border-radius is a pretty simple property to use, and has 100% support across all modern browsers, and is even supported in quite a few earlier browser versions. Here’s how the syntax looks in its most basic shorthand form:

border-radius是一个非常简单易用的属性，在所有现代浏览器中均提供100％支