diedVIPs

html knowhow

Bilder mit ID und CLASS positionieren










Bilder mit ID und CLASS positionieren

img .img #img
Quellcode
<html>
<head>
<style type="text/css">
img {text-align: center; width:150px; height:200px; border:2px solid red; box-shadow: 10px 10px 5px #ccc; -moz-box-shadow: 10px 10px 5px #ccc; -webkit-box-shadow: 10px 10px 5px #ccc; -khtml-box-shadow: 10px 10px 5px #ccc;}
.img {width:150px; height:200px; border-width:0px; position:relative; top:2px; left:20px; outline: #4CAF50 solid 10px; border-radius: 25px; -webkit-filter: drop-shadow(5px 5px 5px #222); filter: drop-shadow(5px 5px 5px #222)}
#img {width:150px; height:200px; opacity: 0.6; position:relative; top:10px; left:30px; transform: rotate(-10deg); border-width:4px; border-color:aqua}
table,td,tr {border-width:2px; border-color:green; font-size: 1.1em;}
</style>
</head>

<body>
<table align="center" style="width: 60%; background-color:yellow" cellpadding="0" cellspacing="0">
<tr>
<td style="height: 300px" class="auto-style1" ><img alt="" src="../Bilder/Andie%20MacDowell.jpg" /></td>
<td style="height: 300px" class="auto-style1" ><img class="img" alt="" src="../Bilder/Andie%20MacDowell.jpg" /></td>
<td style="height: 300px" class="auto-style1" ><img id="img" alt="" src="../Bilder/Andie%20MacDowell.jpg" /></td>
</tr>
</table>
</body>

</html>








Kontakt    Datenschutz    Impressum