при увеличении размера, изображение не повторялось css

background: url('notebook.jpg') no repeat; /*Фоновое изображение (no repeat - чтоб не повторялось при увеличении параметров высоты и ширины)*/

height: 188px; /*Высота (333 - padding top и bottom)*/

width: 400px; /*Ширина (500 - padding left и right)*/

Для того, чтобы наш Input выглядел этой картинкой в стилях нужно прописать следующее:

К примеру у нас имеется картинка « » размером 500*333(px) и поле ввода <textarea id=ЂЂЂmessageЂЂЂ>.

Иногда на блоге или сайте требуется оформить поле ввода скажем <textarea> или <input type=ЂЂЂtextЂЂЂ> и задать им фоновую картинку. Например в виде блокнотного листа или раскрытой книги. Или же просто требуеться сделать форму с закругленными углами (как поиск на моем блоге).

Оформление Input с помощью изображений.

Оформление Input с помощью изображений. | Design-gur