кодирование, чтобы получить закругленные углы для текстового поля с использованием каскадных таблиц стилей (CSS)проектирование каскадных таблиц стилей (CSS)
ответ
Это называется 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>
Я использую этот метод для моего сайта, а затем использовать границы радиуса для несущественных вещей, как поля ввода и маленьких коробочек здесь и там.
Возможно, стоит упомянуть, что CSS спрайты были бы намного лучше для этого (и идеально подходят). – alex
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
Сформировать все, что вы хотите: http://css3please.com/
- 1. каскадных таблиц стилей не применяется
- 2. Наведение изображений с использованием каскадных таблиц стилей
- 3. каскадных таблицы стилей Оптимизация
- 4. css порядок обработки таблиц стилей
- 5. Удалить несколько каскадных таблиц
- 6. Отладка цветов в каскадных таблицах стилей
- 7. Закрытие таблиц стилей css переименование вопроса
- 8. Массив таблиц стилей для оптимизации доставки CSS
- 9. Как избавиться от таблиц стилей CSS Drupal?
- 10. обновления каскадных таблиц с plpgsql
- 11. Как разместить div на правой стороне каскадных таблиц - CSS
- 12. Проектирование таблиц Sql Server
- 13. Проектирование таблиц базы данных
- 14. Несколько внешних таблиц стилей?
- 15. Drupal: Несколько таблиц стилей
- 16. Порядок таблиц стилей с ZF
- 17. CodeIgniter и добавление таблиц стилей
- 18. Проектирование компоновки таблиц с использованием html и css
- 19. Указание кодировки для таблиц стилей
- 20. Таблицы стилей в css
- 21. Проектирование неровных таблиц В HTML
- 22. Проектирование таблиц для заказа системы
- 23. Проблемы с загрузкой таблиц стилей
- 24. проектирование полосы прокрутки CSS
- 25. Проектирование с помощью CSS
- 26. Рельсы: Создайте миграцию каскадных таблиц капиллярных данных
- 27. Печать таблиц стилей + ссылки
- 28. XSLT: Консолидация таблиц стилей
- 29. Использование различных таблиц стилей мультимедиа вместе с таблицей стилей печати
- 30. Расширение таблицы стилей CSS?
Tempted редактировать его, но сначала дайте мне знать, вы имеете в виду текстовое поле, как в '