トレードが10倍楽になる基礎講座

menu

FX原理原則

■ お知らせ     ※過去のお知らせ一覧はこちら
・240301【重要】新しいパスワードについて。2023年までの購入者への案内。詳しくはこちら
・240310【連絡】新教材について。アンケート募集中。予定こちら

ブログで蛍光ペンのような「色の付いた下線」を引く方法

ワードプレスなどのブログで
「色の付いた下線」を引く方法です。

次のようなメリットがあります。

・蛍光ペンのように目立つ

・文字全部に色が付かないので
 控えめ

・下線に色が付いているので
 リンクと間違えない

具体的な方法

ソースで次のように指定します。

[html]
<span style="background: linear-gradient(transparent 85%, #FFD700 0%)">色付き下線だよ</span>
[/html]

・「85%」の値を大きくすると下線が細く
 小さくすると下線が太くなります

・「#FFD700」の部分を変えると下線の色
 変わります。

CSSに記載する場合は

例えば次のように

CSS

[css]
.line1 {
background: linear-gradient(transparent 85%, #FFD700 0%);
}
[/css]

HTML

ソースで次のように指定

[html]
<p>
<span class="line1">色付き下線だよ</span>
</p>
[/html]

まとめ

文字に色を付けすぎると
逆に見にくくなることがあります。

そういうときに”色付き下線”を使えば

控えめに目立たせ
見やすいサイトになります。

関連記事

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

セット教材

パーフェクトダウ
練習編
QA
インジケーター、特典一覧
スペシャルコンテンツ

1.はじめに

2.トレンド編

※次の「負けの原因と改善策」の項目は
 必要なときに見てください。
Q&A」も参考に。

3.波動編

4.トレード編

5.実践編

6.トレード例

7.参考

8.Q&A

お問い合わせ