2011年12月19日月曜日

文字にアンダーラインを引くCSS

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html>
<head>
<title>無題</title>
<style type="text/css">
 strong.blueB { border-bottom: double blue 3px;
    }
 strong.blue { border-bottom: double blue 3px;
    font-weight: normal;
    }
 strong.red { border-bottom: double red 3px;
    font-weight: normal;
    }
</style>
</head>
<body>
この文章のここが<strong  class="blueB">青い二重線でボールド</strong>になります。<br><br>
この文章のここが青い二重線でボールドになります。
この文章のここが<strong  class="blue">青い二重線</strong>になります。<br><br>
この文章のここが<strong  class="red">赤い二重線</strong>になります。<br><br>

</body>
</html>