ホームページ作成講座では、これからホームページを作成しようとしている人に、ホームページの作成方法を基本から、
HTML、スタイルシート、
アクセスアップ、アフィリエイトまで解説します。「初心者のかたにも分かる」を目標にしています。 このページがあなたのお役に立てれば幸いです。
アクセスアップ、アフィリエイトまで解説します。「初心者のかたにも分かる」を目標にしています。 このページがあなたのお役に立てれば幸いです。
|
ホームページ作成の後
その他
ホームページ作成(気楽版)
アフィリエイト(詳細版) 管理人コラム レンタルサーバー比較初心者 メルマガバックナンバー 無料レポート、無料冊子 顔文字無料辞書 ホームページ(サイト)マップ 検索エンジンWorldSearch 運営者情報
リンク集
文字・画像などを半透明にするプロパティfilter: フィルタ名alpha(属性値); 属性値opacity=0〜100 スタイルシートで文字や画像などにフィルタ効果を使うにはfilterプロパティを使います。 次にフィルタ名でフィルタの効果を指定します。そして属性値で詳しい値の設定をします。 たくさん属性値を書くときは ,(カンマ) でくぎります。 今回は半透明フィルタですのでalphaを指定します。 次に属性opacityで透明度を指定します。値は0〜100までで0が透明、100が不透明です。 またフィルタ効果は<span>タグやdivタグなどに直接指定する場合、 必ずwidth属性もしくはheight属性をつけて大きさを指定する、 または画像の操作の場所で出てきたposition:absolute;を指定しておく必要があります。 個別にスタイルを指定する場合以外は大きさの指定は必要ありません。
表示例
文字が半透明になっています。色も指定できます。 フィルタ効果はありません。 
ソース例 スタイル部分のみ
<span style="width:100%; color:blue; filter:alpha(opacity=50);"> 文字が半透明になっています。色も指定できます。 </span> <span style="position:absolute; filter:alpha(opacity=50);"> </span> <span style="filter:alpha(opacity=50);"> フィルタ効果はありません。 </span> <span style="width:100%; filter:alpha(opacity=50);"> <img src="cat.gif"> </span> ＜＜ 段落の操作の「段落を縦書きにする」へ 「ぼかしフィルタ」へ ＞＞ ホームページ作成とHTML＞＞スタイルシートの書き方講座＞＞文字・画像などを半透明にする |
Hiroto.A