разработка каскадных таблиц стилей (CSS)

Question

кодирование для получения закругленных углов для текстового поля с использованием каскадной таблицы стилей (CSS)

Answer 1

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 2

Создайте все, что вы хотите: http://css3please.com/

Answer 3

Это называется 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 для неважных вещей, таких как вводполя и маленькие коробочки тут и там.