<html>
<body>
<img style="border:0px;" src="tiger.jpg" />
<br />
<img style="border:10px dashed blue;" src="tiger.jpg" />
<img style="border:20px solid green;" src="tiger.jpg" />
</body>
</html>
OUTPUT
-------------------------------------------------------------------------------------------------------------
<html>
<head>
<style type="text/css">
p.example1{
border:5px double;
border-bottom-color:#00ffff
border-top-color:#8b008b
border-left-color:#00ffff
border-right-color:#00008b
}
p.example2{
border:5px solid;
border-color:#8b008b
}
</style>
</head>
<body>
<p class="example1">
Border color
</p>
<p class="example2">
color
</p>
</body>
</html>
OUTPUT
-------------------------------------------------------------------------------------------------------------------
<html>
<body>
<p style="border-width:4px; border-style:none;">
no border & style
</p>
<p style="border-width:4px; border-style:solid;">
solid border.
</p>
<p style="border-width:4px; border-style:dashed;">
dahsed border.
</p>
<p style="border-width:4px; border-style:double;">
double border.
</p>
<p style="border-width:4px; border-style:groove;">
groove border.
</p>
<p style="border-width:4px; border-style:ridge">
aridge border.
</p>
<p style="border-width:4px; border-style:inset;">
inset border.
</p>
<p style="border-width:4px; border-style:outset;">
outset border.
</p>
<p style="border-width:4px; border-style:hidden;">
hidden border.
</p>
<p style="border-width:4px;
border-top-style:solid;
border-bottom-style:dashed;
border-left-style:groove;
border-right-style:double;">
four different styles.
</p>
</body>
</html>
-------------------------------------------------------------------------------------------------------------------
<html>
<body>
<div style="background-color:orange;
width:300px;
height:100px;
position:relative;
top:220px;
left:120px;
z-index:1">
</div>
<div style="background-color:red;
width:300px;
height:100px;
position:relative;
top:-2px;
left:35px;
z-index:3;">
</div>
<div style="background-color:green;
width:300px;
height:100px;
position:relative;
top:-30px;
left:80px;
z-index:1;">
</div>
</body>
</html>
OUTPUT
No comments:
Post a Comment