create web a page cricketer list using html and css
<html>
<head>
<style>
img
{
width:150px;
height:150px;
border:2px solid black;
border-radius:100px;
}
div
{
width:170px;
height:190px;
padding:10px;
text-align:center;
border:0px solid red;
margin:8px;
float:left;
}
img:hover
{
opacity:0.4;
}
#x
{
border:2px solid green;
background-color:green;
color:white;
text-align:center;
width:300px;
padding:10px;
}
</style>
</head>
<body bgcolor="orange">
<h2 id="x">
India cricket Team</h2>
<hr/>
<div>
<img src="images.jpg"/>
<br/>
<span>Virat Kohli</span>
</div>
<div>
<img src="images1.jpg"/>
<br/>
<span>Ms Dhoni</span>
</div>
<div>
<img src="images2.jpg"/>
<br/>
<span>Sachin Tendulkar</span>
</div>
<div>
<img src="images3.jpg"/>
<br/>
<span>Sehwag</span>
</div>
<div>
<img src="images4.jpg"/>
<br/>
<span>Rohit Sharma</span>
</div>
<div>
<img src="images5.jpg"/>
<br/>
<span>Suresh Raina</span>
</div>
<div>
<img src="images6.jpg"/>
<br/>
<span>Shekar Dhawan</span>
</div>
<div>
<img src="images7.jpg"/>
<br/>
<span>Dinesh Karthik</span>
</div>
<div>
<img src="images8.jpg"/>
<br/>
<span>Bhuvaneshwar Kumar</span>
</div>
<div>
<img src="images9.jpg"/>
<br/>
<span>Ravindra jadeja</span>
</div>
</body>
</html>
No comments:
Post a Comment