Home     Tipps und Tricks

                     Bilderrahmen
lilie

der Quelltext zum Bilderrahmen, zuerst die css Definition im head, #pic...., dann die im body

#pic1 img {border:1px solid #000099; margin:5px; padding:3px; }

......
<div id="pic1"><img height="299" width="380"
src="bild01.jpg" alt="lilie"> </div>......

datura

der Quelltext zum Bilderrahmen, zuerst die css Definition im head, #pic...., dann die im body

#pic2 img {border:3px dotted #ffcc33; padding:5px; }

.....
<div id="pic2"><img height="269" width="358"
src="bild02.jpg" alt="datura"> </div>.....

schneck

der Quelltext zum Bilderrahmen, zuerst die css Definition im head, #pic...., dann die im body

#pic3 img  {border:4px ridge #888; padding:2px; }

.....
<div id="pic3"><img height="300" width="380"
src="bild03.jpg" alt="schneck"> </div>.....

lilie

der Quelltext zum Bilderrahmen, zuerst die css Definition im head, #pic...., dann die im body

#pic4 img {border:4px inset #c0c0c0; padding:3px; }

......
<div id="pic4"><img height="299" width="380"
src="bild01.jpg" alt="lilie"> </div>......

datura

der Quelltext zum Bilderrahmen, zuerst die css Definition im head, #pic...., dann die im body

#pic5 img  {border:3px solid #3333ff; padding:3px; }

.....
<div id="pic5"><img height="269" width="358"
src="bild02.jpg" alt="datura"> </div>.....



Tipps und Tricks      Home     Links