HKN

html knowhow

Hintergrundgröße festlegen










Hintergrundgröße festlegen

So sieht´s aus

background-size: auto (default):

Hello World

Das hier im schwarzen Rahmen ist die festgelegte Größe des Hintergrundes.

The background image is displayed in its original size.

background-size: 300px 100px:

Hello World

Das hier im schwarzen Rahmen ist die festgelegte Größe des Hintergrundes.

Here, the background image is set to 300px wide and 100px high.

Quellcode
<html>
<head>
<style type="text/css">
#example1 {border: 2px solid black;padding: 25px;background: url(../bilder/life.jpg);background-repeat: no-repeat;background-size: auto;}
#example2 {border: 2px solid black;padding: 25px;background: url(../bilder/life.jpg);background-repeat: no-repeat;background-size: 300px 100px;}
</style>
</head>

<body>
<h2>background-size: auto (default):</h2>
<div id="example1">
<h2>Hello World</h2>
<p>The background image is displayed in its original size.</p>
</div>

<h2>background-size: 300px 100px:</h2>
<div id="example2">
<h2>Hello World</h2>
<p>Here, the background image is set to 300px wide and 100px high.</p>
</div>


</body></html>














Kontakt    Datenschutz    Impressum