[備忘録] CSS3とは[影付き]

2013.03.03

カテゴリ：理系

HTML5を勉強中

CSS3についての備忘録

CSS３を使って影付き文字を作る例
cssファイル　css_shadow.css
@CHARSET "UTF-8";
#shadow{
text-shadow: 5px 5px 2px #777777;
}

htmlファイル　css_shadow.html
<!DOCTYPE html>
<html lang="ja">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
      <link rel="stylesheet" type="text/css" href="css_shadow.css" />
        <title>CSS3サンプル(影付き)</title>
  </head>
    <body>
     <h1>CSS3機能</h1>
     <h2 id="shadow">影付き文字</h2>
    </body>
</html>

多分これで影付き文字の部分に#shadowで定義したスタイルが適用されるはず

お気に入りの記事を「いいね！」で応援しよう

最終更新日 2013.03.25 14:40:24
コメント(0) | コメントを書く

[理系] カテゴリの最新記事

[備忘録] emacs入れてみた 2013.03.27
[備忘録] Indexed Databaseとは 2013.03.24
[備忘録] Web Storage　入門　その３ 2013.03.23

ワナビから貴方へ　独り言の吐き溜め

[備忘録] CSS3とは[影付き]

オススメ楽天ショップ

ビタミン

ビタミンC

ビタミンB1（チアミン）

ビタミンB2(リボフラビン)

ビタミンB3（ナイアシン）

ビタミンB5（パントテン酸）

カテゴリ未分類

AA(やる夫：やらないおシリーズ)

アニメ

執筆

完結AA作品レビュー

Fate/Zero

銀魂

HUNTERXHUNTER

レビュー・感想（コミック・ラノベなど）

サプリメント

ボディメイキング

健康関連未分類

減量記録

維持調整記録

増量記録

ビタミン

コスト比較・安値メモ

ヘルシーレシピ

研究・実験記事

理系

日記

雑記

めだかボックス

リトルバスターズ！

Android

JavaScript

ワナビから貴方へ 独り言の吐き溜め

カテゴリ未分類

ワナビから貴方へ　独り言の吐き溜め