border-style個別の設定サンプル

ボーダーのスタイルを個別に設定をしました。

HTMLコード
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_Jis">
<meta http-equiv="Content-Style-Type" content="text/css">

<title>ボーダー</title>
<style type="text/css">
<!--
body   { background-color: #fff; color: #000; font-size: large }
span   { border-top-style: solid; border-right-style: groove;
         border-left-style: double; border-bottom-style: dotted }
-->
</style>
</head>

<body>
<p>
<span>ボーダーのスタイルを個別に設定をしました。</span>
</p>
</body>
</html>