Practicals
Practicals
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
border-radius: 8px;
padding: 50px;
width: 720px;
height: 466px;
</style>
</head>
<body>
<h2>Rounded Image</h2>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempore odio est possimus
recusandae eius, provident voluptatem, enim dolor quasi iusto placeat quibusdam atque, fugit
excepturi perspiciatis itaque se.
<br>
</body>
</html>
Practical : 4
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>table</title>
<style>
</style>
</head>
<body>
<tr>
<th>Name</th>
<th>Runs</th>
<th>Balls</th>
</tr>
<tr>
<td>114</td>
<td>40</td>
</tr>
</table>
</body>
</html>
Practical : 5
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Basic CSS</title>
<style>
div{
margin: 500px;
h1 {color: blue;}
p {color: red; }
</style>
</head>
<body>
</body>
</html>
Practical : 7
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
button{
position: absolute;
top:10%;
background-color: #0a0a23;
color: #fff;
border: none;
border-radius: 10px;
min-height: 30px;
min-width: 120px;
button:hover{
transition: 0.7s;
button:focus{
outline-color: transparent;
outline-style: solid;
button:active{
background-color: crimson;
</style>
</head>
<body>
</body>
</html>