I included css file as follows, but does not work.
<link rel="stylesheet" type="text/css" href="/_control/navi.css" />
<div class="navi">
<ul>
<li><a href="/">home</a></li>
<li><a href="#">introduce</a></li>
<li><a href="#">event</a></li>
<li><a href="#">gallery<a></li>
<li><a href="#">board<a></li>
<li><a href="#">road</a></li>
<li><a href="#">music</a></li>
</ul>
</div>
What am I wrong?
You need to provide more information in your question, but see what this does. Your CSS link is fine. A few things you should check:
Make sure your CSS file accurately references the HTML tags you’re trying to style. This may look like:
.navi li a, #navi li a:link{
/* regular style */
}
.navi li a:hover{
/on hover/
}