Rahmen um Bild legen - Website X5 Hilfe - Die Helpsite

Direkt zum Seiteninhalt

Hauptmenü:

Rahmen um Bild legen

Tutorials


Rahmen für Bilder mit CSS erstellen.

Für das Rahmen von Bildern bietet die CSS-Formatierung ganz einfache Möglichkeiten. Dazu muss sich das Bild auf dem Server - hier an Hand der Beispiel im Verzeichnis "images - befinden. Das Bild muss nicht die Größe aufweisen, wie es später auf der Webseite erscheinen soll. Die genaue Größe wird im HTML-Code bestimmt.

Hier zur Erläuterung:
alt='Foto Home'
src='images/demo_img1-bg.jpg'
width='190'
height='140'
border-style: dotted;
border-width: 7px;
border-color: #FF0000;


- Alternativtext (wird nicht angezeigt)
- Pfad und Dateiname des Bildes
- Breite des Bildes
- Höhe des Bildes
- Rahmenart
- Rahmenbreite
- Rahmenfarbe

Bei Verwendung in Text-Objekten muss das HTML-Symbol aktiviert werden.


So sieht es dann aus:


So wird es gemacht:

Foto Home


<img alt='Foto Home' src='images/demo_img1-bg.jpg'
width='190' height='140'
border="0">

border="0" im Internet-Explorer notwendig,
da sonst um das Bild ein Rahmen gelegt wird.


Foto Home


<img alt='Foto Home' src='images/demo_img1-bg.jpg'
width='190' height='140' border="4"
style="border-style: solid;
border-width: 7px;
border-color: #FF0000;">


Foto Home


<img alt='Foto Home' src='images/demo_img1-bg.jpg'
width='190' height='140'
style="border-style: dotted;
border-width: 7px;
border-color: #FF0000;">


Foto Home


<img alt='Foto Home' src='images/demo_img1-bg.jpg'
width='190' height='140'
style="border-style: outset;
border-width: 7px;
border-color: gold;">


Foto Home


<img alt='Foto Home' src='images/demo_img1-bg.jpg'
width='190' height='140'
style="border-style: inset;
border-width: 7px;
border-color: gold;">


Foto Home


<img alt='Foto Home' src='images/demo_img1-bg.jpg'
width='190' height='140'
style="border-style: groove;
border-width: 7px;
border-color: gold;">

Foto Home


<img alt='Foto Home' src='images/demo_img1-bg.jpg'
width='190' height='140'
style="border: double 7px green">

Foto Home


<img alt='Foto Home' src='images/demo_img1-bg.jpg'
width='190' height='140'
style="border: dashed 3px #FF9900">

Feedbacks zu ""

es gibt insgesamt 0 Kommentar(e)



Name*
Vorname
Kommentar*
Email *
Homepage
Telefon
Sicherheitscode *
 
Logo HTML5
Button Spenden

© 2009 - 2018




  Besucher Statistik
 » 5 Online
 » 109 Heute
 » 1228 Woche
 » 4561 Monat
 » 36632 Jahr
 » 283210 Gesamt
Rekord: 1420 (10.04.2014)
Zurück zum Seiteninhalt | Zurück zum Hauptmenü