Kod:

input { padding: 1px; margin-right: 1px; background-image: url(Arka plan resmi); border: 1px dashed #000000; color: #000000; }

Yukarıdaki Kodun Görünüş Örnegi

bende aynen böle oldu.Şimdi özellikleri ile oyanalım. (O mavi alan bende resimdir.Sizde ne resim eklerseniz öle olur)

İlk önce arka plan resimlerini değiştirebilirsiniz...

border: 1px dashed #000000;

border o noktalı alandır...

1px >>Borderin büyüklüğü...
dashed >> noktalı border | http://www.w3schools.com/css/css_border.asp burda borderleri bulabilirsiniz...
#000000 >> Border rengidir...

Bunları değiştirerek güzel şeyler çıkabilirsiniz...

Şimdi textarea kısmını şekillendirecez...Textarea çok metin alanıdır...

Kod:

textarea {    color: #000000; padding: 1px;    background:#FFF url(Arka plan resmi) no-repeat;    border: 1px dashed #000000;    margin-right: 1px; }

İşte burda da yukarıda gösterdiğim işmeleri aynı şekilde yapacaksınız...

1px >>Borderin büyüklüğü...
dashed >> noktalı border | http://www.w3schools.com/css/css_border.asp burda borderleri bulabilirsiniz...
#000000 >> Border rengidir...

Örnek görüntü:

Gördüğünüz gibi böle olacaktır.Şimdi genel Formlarımın arka kısımlarına resim ekleyebileceğiz...

Örnek: yukarıdaki resimde...Ayrıca ziyaretci defterinden bir görüntü:

gördüğünüz gibi böle yapmak içinde

form katmanını kullancağız...

Kod:

form {    color: #000000;    background:#FFF url(Arka Plan Resmi) no-repeat ; padding: 1px;    border: 1px dashed #DBDBDB;    margin-right: 1px; }

1px >>Borderin büyüklüğü...
dashed >> noktalı border | http://www.w3schools.com/css/css_border.asp burda borderleri bulabilirsiniz...
#000000 >> Border rengidir...