<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.list{
width: 350px;
height: 500px;
background-color: lightskyblue;
border: 1px solid #696969;
border-radius: 2%;
}
.list h2{
padding-left: 20px;
}
.item{
list-style-type: *;
list-style-type: disc;
list-style-type: circle;
list-style-type: square;
list-style-type: decimal;
list-style-type: decimal-leading-zero;
list-style-image: url(../images/list.jpg);
list-style-position: ;inside;
background-color: #f4ff0a;
list-style-position: inside;
list-style-position: outside;
}
.item li{
background-color: lightskyblue;
}
.item li a{
text-decoration: none;
}
.item li a:hover{
text-decoration: underline;color: red;font-weight: 1.05em;
}
</style>
</head>
<body>
<div>
<h2><ul>
<li><a href=""></a>
<a href=""></a>
<a href=""></a>
<a href=""></a>
<a href=""></a>
<a href=""></a>
<a href=""></a>
<a href=""></a>
<a href=""></a>
<a href=""></a></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</h2>
</div>
</body>
</html>
