Css tasarım kodları, daha çok tasarımsal kodları bulabileceiğiniz kısa anlatımı ile yazılımıştır.
1-) Kutuların köşeleri yuvarlar--> border-radius: 25px;
2-) Kutuların arkaplan efekt verir--> box-shadow: 10px 10px 5px #888888;
2.1-)Metin arkaplana efek--> text-shadow: 5px 5px 5px #FF0000;
3-) Resim tekrar etmemesin--> background-repeat: no-repeat;
4-)Resme yön verme--> background-position: right top;
5-)Yazının satır başı boşluğu> text-indent: 100px;
6-)Yazının üstü çizili--> text-decoration: line-through;
7-)Li etiketine icon ekleme--> list-style-image: url('ornek.gif');
8-)li tagını yanyana yazmak--> display: inline;
9-)Gizleme etiketi--> visibility: hidden;
10-)Resme opaklık veme--> opacity: 0.4;filter: alpha(opacity=40); /*IE8
11-)resmi css ile bölme--> background: url('img_navsprites.gif') -47px 0;
12-)nesneye css giydirme--> input[type="text"] { }
13-)yazı taşmalarına çözüm--> word-wrap: break-word;
14-)yazları border outo yapmak>overflow: auto;
Tasarım Özellikleri-1 CSS
4/
5
Oleh
Adsız