设计级联样式表（css）

Question

编码以使用级联样式表（css）获取文本框的圆角

Answer 1

它被称为border-radius。

如果你想挑剔，你可以回到旧的四个部门，每个部门与背景中指定的框不同。

CSS：

div.box { background: url(top-left.png) top left no-repeat }
div.box div { background: url(top-right.png) top right no-repeat }
div.box div div { background: url(bottom-right.png) bottom right no-repeat }
div.box div div div { background: url(bottom-left.png) bottom left no-repeat }
div.box div div div div { background: none } // So extra divisions don't add another corner

HTML：

<div class="box"><div><div><div>
Some text, blah blah blah
</div></div></div></div>

我实际上将这个方法用于我的网站，然后使用border-radius来输入不重要的内容，例如输入字段和小方框。

Answer 2

input[type='text']
{
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

您也可以尝试此http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser

Answer 3

生成您想要的任何内容：http://css3please.com/