Introduction and Coding with Anik - Exercises 3 - CSS Images - Part 2
In this video,I explained the CSS Images With Few More Properties. Feel free to comment. For more, please subscribe and press the BELL icon. Please visit my CSS Playlist. The code is as follows -
HTML File -
<html>
<head> <title> CSS Images </title>
<link rel="stylesheet" href="exercises4.css">
</head>
<body>
<table>
<tr> <td>
<div class="d1">
<img src="css.png" id="i1" alt="CSS Image">
<div class="topleft"> Text in Image </div>
</div>
</td>
</tr>
</table>
</body>
</html>
CSS File -
table {
height: 500px;
width:500px;
border: 1px solid black;
border-collapse: collapse;
}
#i1 {
height:450px;
width: 450px;
opacity: 0.3;
border-radius: 8px;
display: block;
margin-left: auto;
margin-right: auto;
}
.d1 {
position: relative;
}
.topleft {
position: absolute;
top:8px;
left: 26px;
font-size: 16px;
}
Comments
Post a Comment