CSS Örnek Kod

CSS Örnek Kodlar

Css ile tekrarlanmayan arka plan resmi yapmak için öncelikle arka
plana bir resim atamak gerekir. Bunu background-image : url(resmim);
kodu ile yaparız.

Daha sonra bu resmin tekrarlanmasını önlemek için background-repeat:no-repeat
komutunu vermek gerekir.

En son olarak resmi ortalamak için background-position : center
komutunu vereceğiz

Şu kodda olduğu gibi :

BODY

{

BACKGROUND-IMAGE : URL(./bayrak.gif);

BACKGROUND-REPEAT: NO-REPEAT;

BACKGROUND-POSITION : CENTER;

}

Web sitesindee kaydırma çubuklarını (Scroll bar) renklendirmek.Web
sayfanızın Head Head bölümene aşağıdaki kodu yazınız..

<style>

<!–

solid; BORDER-LEFT: #1F9FFF 0px solid; BORDER-RIGHT: #1F9FFF 0px

solid; BORDER-TOP: #1F9FFF 0px

solid; COLOR: #1F9FFF; FONT-FAMILY: Trebuschet MS; FONT-SIZE: 9pt;
FONT-WEIGHT: bold}body

{ scrollbar-face-color:#CCCCCC;

scrollbar-shadow-color:#FFFFFF;

scrollbar-highlight-color:#FFFFFF;

scrollbar-3dlight-color:#FFFFFF;

scrollbar-darkshadow-color:#FFFFFF;

scrollbar-track-color:#FFFFFF;

scrollbar-arrow-color:#CCCCCC;

; font-size: xx-small; border-top-width: thin}

–>

</style>

Renk Değiştiren CSS Kodu

<html><head>

<style>



</style>



<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">

<title>Renk Değiştiren Link</title>

</head><body>

<a href="#"><font size="5">Bu link renk değiştiriyor</font></a><font
size="5"></font><p>

<a href="#"><font color="#BB9951" size="5">Bu link renk
değiştirmez</font></a></p>

<a href="#"><font size="5">Bu link renk değiştiriyor</font></a><font
size="5"></font><p>

<a href="#"><font color="#996699" size="5">Bu link renk
değiştirmez</font></a></p>

<blockquote>

<p><a href="">www.hanci.org</a><br>

<a href="deneme@hotmail.com">deneme@hotmail.com</a></p>

</blockquote>

</body></html>

Hancı Eğitim

CSS Dersleri

Ara

Eğitim

Konular

Tags