CYBER@GARDEN

『Web標準の教科書』各章

home > 『Web標準の教科書』読者サポートページ > 第6章 第7節

第6章 第7節（p.411-414） 

a {
  color: #699;
  text-decoration: none;
  border-bottom: 1px dotted #699;
  }
：
：
<p>
  <a href="http://www.w3.org/">World Wide Web Consortium(W3C)</a>
</p>

a {
  color: #699;
  text-decoration: none;
  border-bottom: 1px dotted #699;
  }
a:hover, a:active {
  color: #900;
  border-bottom: 1px dotted #900;
  }
：
：

a {
  color: #699;
  text-decoration: none;
  border-bottom: 1px dotted #699;
  }
a:hover, a:active {
  color: #900;
  border-bottom: 1px dotted #900;
  background-color: #fcc;
  }
：
：

a.external {
  padding-right: 23px;
  background: url(/images/external.gif) no-repeat center right;
  }
：
：
<p>
  <a class="external" href="http://www.webstandards.org/">
  The Web Standards Project (WaSP)</a>
</p>

a.external:after { content: " " url(/images/external.gif); }
：
：

a.mailto {
  padding-right: 18px;
  background: url(/images/mailto.gif) no-repeat center right;
  }
：
：
<p>
  <a class="mailto" href="mailto:mashiko@cybergarden.net">
  mashiko@cybergarden.net</a>
</p>