スタイルシート[CSS]覚書

ボタンA ボタンB



ボタンに影を付けるソース
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<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 {
margin-left:15%;
margin-right:15%;
color:#000000;
}
h1 {
font-size:42px;
color:#993333;
}
-->
</style>

</HEAD>
<BODY>

<h1 align=center>スタイルシート[CSS]覚書</h1>

<DIV align="center" style="width:100%; filter:shadow(color=#BBBBBB,direction=135,strength=5)">

<TABLE border="0" cellpadding="5" cellspacing="15" style="margin:15px">
<TR>
<TD align="center" bgcolor=#000099>
<FONT color="#FFFFFF"><B>ボタンA</B></FONT>
</TD>
<TD align="center" bgcolor=#000099>
<FONT color="#FFFFFF"><B>ボタンB</B></FONT>
</TD>
</TR>
</TABLE>

</DIV>
</BODY>
</HTML>