ELLの足跡

人は最後は一人だという・・・でも、・・・今は妻が傍にいてくれる・・・

ELL-ヤマウチ

トーションレースの製造企画卸
梅肉エキス販売
和紙健康タオル
トーションレース&細幅テープの試作品の小売りコーナー



日々のパソコン案内板


【Excel関数】   No.1(A~I)   No.2(J~S)   No.3(T~Y)
【Excelの小技】  【HTMLタグ&小技】
【PDFの簡単セキュリティ】
【複数フォルダーを一括作成するんならExcelが超便利だよ!!】
【アップデートが終わらない!? Windowsの修復ツールを使ってみる方法】
【削除してしまったファイルやデータを復元する方法ー其の一(以前のバージョン)】
【削除ファイルやデータを復元する方法ー其の二(ファイル履歴)】
【Excel振替伝票の借方に入力したら貸方に対比する科目を自動記入】
【手書きで書くように分数表記する方法】
【Web上のリンクさせてある文字列を選択する方法】
【Excel2010以降は条件付き書式設定での文字色にも対応!】
【Windows10のWindows PowerShellでシステムスキャンの手順】

ブログの文字に影を付けてみませんか!

2020-01-21 | 日々のパソコン


ブログの文字影を付けてみよう
CSSのチョイ足しで!!


TEXTエディター利用で簡単に
 先日もお話しましたが、gooブログで投稿されている方は、殆どの方が『TEXTエディター』を利用してブログを書いていらっしゃると思います。先日は文字を躍らせる為のスタイルシートの書き方をご紹介しました。
 今日は、文字に影を付けるには、どのように記述したらいいのかを書いておきますね。
<span style="text-shadow:1px 1px 3px navy">ブログの文字</span>
と記述すれば、次のように表示されます。
ブログの文字
 ※text-shadow:(右側へ)px (下側へ)px (ぼかし)px (色)ということで数字は距離を表しています。ですから(-)を付ければ、最初は左へ、次は上へという影が表示されます。
 ※上の記述をコピーして自分のブログに貼り付けて試してみてくださいね(^_-)-☆
 今日も細かい説明はしませんので、先ず、このまま思いのままの影サイズ、思いのままの色、思いのままの文字で利用してみてくださいね。

コメント (2)
  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする