<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<title>リンクの装飾</title>
<style>
figure{
font-size:1.5em;
}
a:link{
color:darkgreen;
}
a:visited{
}
a:hover{
}
a:active{
}
a.no-line{
}
a.underline{
}
a.overline{
}
a.line-through{
text-decoration:line-through;
}
a.all{
text-decoration:underline overline line-through;
}
a.border{
border-bottom:2px red dotted;
}
</style>
</head>
<body>
<h1>リンクの装飾</h1>
<article>
<h2>基本問題</h2>
<figure>
<ul>
<li><a href="index.html">戻る</a></li>
<li><a class="no-line" href="index.html">戻る</a></li>
<li><a class="underline" href="index.html">戻る</a></li>
<li><a class="overline" href="new.html">まだ行ったことのないページ</a></li>
<li><a class="line-through" href="new.html">まだ行ったことのないページ</a></li>
<li><a class="all" href="new.html">まだ行ったことのないページ</a></li>
<li><a class="border" href="new.html">まだ行ったことのないページ</a></li>
</ul>
</figure>
</article>
</body>
</html>