CSS Örnekleri
Tasarımlarınızda kullanabileceğiniz css örnekleri.
1. İçerikleri listeleme, örnek kodlarla içeriklerinizi sayısal sıralamaya sokabilirsiniz;
ol {
font: italic 1em Georgia, Times, serif;
color: #999999;
}ol p {
font: normal .8em Arial, Helvetica, sans-serif;
color: #000000;
}
<ol>
<li>
<p>İlk satır</p>
</li>
<li>
<p>İkinci satır</p>
</li>
<li>
<p>Üçüncü satır</p>
</li>
</ol>
2. Table kullanmadan yapılmış bir form örneği;
label, input {
display: block;
width: 150px;
float: left;
margin-bottom: 10px;
}label {
text-align: right;
width: 75px;
padding-right: 20px;
}br {
clear: left;
}
<form>
<label for=”isim”>İsim</label>
<input id=”isim” name=”isim”><br>
<label for=”adres”>Adres</label>
<input id=”adres” name=”adres”><br>
<label for=”telefon”>Telefon</label>
<input id=”telefon” name=”telefon”><br>
</form>
3. Yazıyı dikey olarak ortalama;
div{
height:100px;
}
div *{
margin:0;
}
div p{
line-height:100px;
}
<p>Content here</p>
4. İçeriği yatay olarak ortalama;
#container {
margin:0px auto;
}
<div id=”container”></div>
Bu yazının Popülerliği: 17% [?]
Sphere: ilgili konular.