Live.Com da ki gibi tuşlar ve yazım kutuları olsun istermisiniz ?

Herkes ister tabiki :)

Tuşlar ve butonlar için her zamanki gibi style yazacağız nasıl mı ?

İste böyle :)

input {
border: 1px solid #000000;
background-image:url(inputbg.png);
height:20px;
font-family: Arial;
font-size: 10pt; }

textarea {
background-color:#FFFFFF;
background-image:url(textareabg.png);
background-repeat:repeat-x;
border: 1px solid #3399FF;
font-family: Arial;
font-size: 10pt; }

Şimdi buradakiler nelerdir ?

border:1px solid #000000 <= Kenarlığını 1px yapıyor ve rengini Siyah

background-image:url(inputbg.png); <= Nesnenin arkaplanını inputbg.png yapıyor.

height:20px; <= Nesnemize yükseklik veriyoruz.

font-family: Arial; font-size: 10pt; <= Font ayarları

background-repeat:repeat-x; <= En önemlisi burada budur. Bu özellik arka plana koyduğumuz resmin tekrarlanmasını sağlayan özelligin nasıl kullanılacağını söyler. Yani repeat tekrarlanma özelliği X eksenine göre olacaktır. Aşağı doğru tekrarlanmasın soldan sağa tekrarlansın anlamındadır.

Örnek olarak da :

Live Ornek

Teşekkürler.

Leave a Reply

You must be logged in to post a comment.


Kapat
E-posta ile paylaş