<!--create a web page to apply the styles to list items so that display the item in circle format-->
<html>
<head>
<style>
#list1{
border:2px solid blue;
width:120px;
height:120px;
padding:5px;
}
#list1 li
{
border-radius:50px;
text-align:center;
background-color:blue;
color:white;
height:30px;
width:30px;
float:left;
margin:5px;
list-style:none;
font-size:20px;
}
</style>
</head>
<h3>applying styles using CSS3</h3>
<hr/>
<ul id="list1">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
</ul>
</body>
</html>
No comments:
Post a Comment