ozan-tr
⭐Deneyimli Tasarımcı⭐
Background ile html sayfamızın arkafonlarının özelliklerini değiştirmemizi sağlar.
HTML:
<html>
<body>
<head>
<title>Css</title>
<style type="text/css">
<!-
P {
background-color :#00ff00;
background-image : url ("resim_adi.gif");
background-position : center;
background-repeat : repeat-y;
</style>
<body>
<p>Web Teknikleri</p>
</body>
</html>
background-color :
Arka fonun rengini belirler. Css'te renkleri blue, red gibi tanımlayabileceğimiz gibi Html kodunu vererekte tanımlayabiliriz.
background-image :
Arka fonu bir resim dosyası yapmak için kullanılır. url etiketinin içine resim dosyasının yolu ve ismi tam olarak yazılmalıdır.
background-position :
• left : Arka fondaki resmin sadece sol tarafta olmasını sağlar.
• center : Arka fondaki resmin sadece sol tarafta olmasını sağlar.
• right : Arka fondaki resmin sadece sol tarafta olmasını sağlar.
background-repeat :
Arkafondaki resmin tekrarlanması istendiğinde kullanılır.
• repeat : Tüm yönlerde tekrar edilmesini sağlar.
• repeat-x : X (yatay) yönünde tekrar edilmesini sağlar.
• repeat-y : Y (dikey) yönünde tekrar edilmesini sağlar.
• no-repeat : Resmin tekrar edilmeyerek bir kere gösterilmesini sağlar.
HTML:
<html>
<body>
<head>
<title>Css</title>
<style type="text/css">
<!-
P {
background-color :#00ff00;
background-image : url ("resim_adi.gif");
background-position : center;
background-repeat : repeat-y;
</style>
<body>
<p>Web Teknikleri</p>
</body>
</html>
background-color :
Arka fonun rengini belirler. Css'te renkleri blue, red gibi tanımlayabileceğimiz gibi Html kodunu vererekte tanımlayabiliriz.
background-image :
Arka fonu bir resim dosyası yapmak için kullanılır. url etiketinin içine resim dosyasının yolu ve ismi tam olarak yazılmalıdır.
background-position :
• left : Arka fondaki resmin sadece sol tarafta olmasını sağlar.
• center : Arka fondaki resmin sadece sol tarafta olmasını sağlar.
• right : Arka fondaki resmin sadece sol tarafta olmasını sağlar.
background-repeat :
Arkafondaki resmin tekrarlanması istendiğinde kullanılır.
• repeat : Tüm yönlerde tekrar edilmesini sağlar.
• repeat-x : X (yatay) yönünde tekrar edilmesini sağlar.
• repeat-y : Y (dikey) yönünde tekrar edilmesini sağlar.
• no-repeat : Resmin tekrar edilmeyerek bir kere gösterilmesini sağlar.
