list style

"> 07-02_list-style

list style

"> 07-02_list-style

list style

"> 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>07-02_list-style</title>
<style type="text/css">
* { margin: 0; padding: 0; }

h1 {
	margin: 20px 0 0 20px;
}

ul {
	list-style: none;
	width: 200px;
	margin: 20px;
}

li {
	background: url('../../image/list_image/icon.jpg') no-repeat 0 50%;
	background-size: 1em 1em;
	text-indent: 20px;
	line-height: 2em;
}

a {
	font-size: 1.4em;
	color: #333333;
	text-decoration: none;
}

a:hover {
	font-weight: bold;
}

</style>
</head>
<body>
	<h1>list style</h1>
	<ul>
		<li><a href="#"> 최신 음악 </a></li>
		<li><a href="#"> 신나는 음악 </a></li>
		<li><a href="#"> 좋아하는 음악 </a></li>
		<li><a href="#"> 분위기 있는 음악 </a></li>
		<li><a href="#"> 잠자기 좋은 음악 </a></li>
	</ul>	
</body>
</html>