text-shadow属性とは文字に影を描画するCSSです。
影の<横方向の距離> <縦方向の距離> <ぼかし強度> <色>を指定することができます。

それぞれの色、距離など好みで調整してください。

text-shadow属性の指定の例

 

基本の指定  テキスト「ショップできすぎくん」に青い色の影

ショップできすぎくん
【HTML+CSSの記述例】
<div style="text-shadow: 3px 3px 2px #0000ff;">ショップできすぎくん</div>
 

応用編1  テキスト「太文字、文字サイズ32px、文字色オレンジ色#FF6600」に茶色の影

ショップできすぎくん
ショップできすぎくんの機能を使いテキストをあらかじめ
「太文字、文字サイズ32px、文字色をオレンジ色#FF6600」にあらかじめ指定します。
これにtext-shadow指定を追加します。ショップできすぎくんで書き出されたHTMLコードを挟み込むように以下のように指定します。ここでは茶色#663300の影をつけてみます。
最後の</div>を忘れないよう注意してください。
【HTML+CSSの記述例】
<div style="text-shadow: 3px 3px 2px #663300;">
<strong><font size="6" color="#FF6600">ショップできすぎくん</font></strong>
</div>
 

応用編2  応用編1に白#FFFFFF の影を追加

ショップできすぎくん
【HTML+CSSの記述例】
<div style="text-shadow: 2px 2px 1px #FFFFFF, 3px 3px 2px #663300;">
<strong><font size="6" color="#FF6600">ショップできすぎくん</font></strong>
</div>

画像を背景にした例

ショップできすぎくん
サイズ45px、太文字、白色の文字に、オレンジ色#CC6600と白色#FFFFFF の影をつけた例
背景の中央に文字が表示されるよう、調整しています。
【HTML+CSSの記述例】
<div style="background-image:url(画像URL);
width:100%; text-align: center;
padding-top: 40px; padding-bottom: 40px;">
<div style="text-shadow: 2px 2px 0px #CC6600,
3px 3px 5px #FFFFFF;
font-size:45px; font-weight:bold; color: #FFFFFF;">ショップできすぎくん</div>
</div>

縁取り(アウトライン)の例

ショップできすぎくん
SHOP Dekisugi
上下・左右に同じ条件の影をつけることにより、あたかも縁取りしたように見せることができます。
日本語とアルファベットでは、影指定の条件によって表示状態が異なります。
綺麗な縁取りになるよう調整が必要です。
【HTML+CSSの記述例】
<div style="text-shadow: 
1px 1px 3px #663300,
-1px 1px 3px #663300,
1px 1px 3px #663300,
-1px -1px 3px #663300;"><font size="6" color="#ffffff">ショップできすぎくん</font></div>


<div style="text-shadow: 
2px 2px 0px #663300,
-2px 2px 0px #663300,
2px -2px 0px #663300,
-2px -2px 0px #663300;"><strong><font size="6" color="#ffffff">SHOP Dekisugi</font></strong></div>

カートに入れる

商品検索

画像ボックスで設定

自由ボックスで設定

自由ボックス html・css調整

画像を左に配置指定


支払い方法
領収書について

お支払い方法により異なります。

詳しくは「支払い方法について」

配送
配送料について
配送料は一回のご注文につき、一律540円となっております。
ご注文合計金額が税込8,000円以上の場合および送料無料商品を含む場合は、送料無料でお届けいたします。
ただし、沖縄、離島など一部の地域は別途送料が必要となる場合があります。
その際は、ご注文確認画面に注意書きが表示されます。
※一部直送商品はご注文後にメールで連絡させていただく場合がございます。
>> 詳しくは「配送について」

支払い方法について

領収書について

お支払い方法により異なります。

詳しくは「支払い方法について」をご覧ください。

配送について

配送料について
配送料は一回のご注文につき、一律540円となっております。ご注文商品代金8,000円以上、および送料無料商品を含む場合は、株式会社もしもが送料を負担いたします。
ただし、沖縄、離島など一部の地域は別途送料が必要となる場合があります。その際は、ご注文確認画面に注意書きが表示されます。
※一部直送商品はご注文後にメールで連絡させていただく場合がございます。
配送業者について
商品の配送は、佐川急便に委託しております。一部の直送商品につきましてはヤマト運輸等、他の配送業者がお届けする場合がございます。
商品は「株式会社もしも」名義でのお届けとなります。一部の直送商品につきましては、「株式会社もしも」名義ではなく、卸業者名、メーカー名になっている場合がございます。あらかじめご了承ください。
配送業者の都合上、お届けができない地域がございます。その際はご注文をキャンセルさせていただきますのでご了承ください。
※ただいま海外への出荷は承っておりません。
出荷目安について
出荷目安はご注文から出荷手配が完了するまでの期間となります。こちらは、土日祝日や年末年始、お盆休みを含まない営業日で計算しております。
※出荷目安が「即日出荷」の商品は、平日・土曜日の15:00まで(一部商品は平日14時、又は平日15時まで)の注文分を当日中に出荷いたします。日曜・祝日・年末年始・お盆の場合は翌営業日に出荷いたします。