ドロップシャドウフィルタ(シャープな影)
フィルタ名:dropshadow属性値:(color=影の色 offX=横方向のずれ具合 offY=縦方向)
今回のドロップシャドウフィルタや後から出てくる発光フィルタなどを使うときは、影などによって余分に場所が必要になるのでpadding-bottom:などを使ってその分の場所を確保しておく必要があります。
ソース例(太字が学んだ内容です)
<html>
<head>
<title>ドロップシャドウフィルタ</title>
<meta http-equiv="Content-Style-Type" content="text/css">
</head>
<body>
<span style="padding-bottom:3pt; width:200pt; filter:dropshadow(color=red,offX=3pt,offY=3pt)">
影がついています
</span>
<br><br>
<br><br>
<a href="http://www.homepagesakusei.biz/">ホームページ作成、HTML</a><br>
Webサイト版<a href="http://www.homepagecreation.net/" target="_blank">ホームページ作成とHTML</a>
</body>
</html>
表示はこちら
2006年05月31日