PR
キーワードサーチ
▼キーワード検索
すなおらぼ
素直研究所は、ソフトウェア開発のＳＯＨＯです。Webアプリケーション開発、クラウドサーバーの構築、Windowsアプリケーション開発からホームページの作成等、あなたのニーズにお応えします。
カレンダー
フリーページ
2018年11月08日
カテゴリ： パソコン関連
今回は自分の仕事の備忘録的内容なので悪しからず。ひょっとしてご覧になってるブラウザによっては正しく表示されない場合があるので、その際はご容赦を。
最近、某地方公共団体の関連団体のサイトの更新作業をしてた時に、こういう事案が発生してどうしたものかと考えたときに出てきた案っすね。要は
って云う具合にSPANタグのスタイルのtext-shadowプロパティを弄ってやれば影付き文字になるんスけどね。もちろん1pxを3pxにするとか、色を#fffから#ff0000に変えるとか色々表現の幅はあるんスけどね。
SPANタグのスタイルで設定できるってぇことは、楽天ブログでも設定できる(ってぇか実際この記事でやってるし）訳で、例えばこんな感じで
ココに長いタイトル文を書いてみる
右側に行けば行くほど見え難くなるんでどうしたもんかと、文字に装飾を加えてみようかと、先ずは影付きで…ココに長いタイトル文を書いてみる
まあ見えやすくはなりますねぇ。最近、某地方公共団体の関連団体のサイトの更新作業をしてた時に、こういう事案が発生してどうしたものかと考えたときに出てきた案っすね。要は
<span style="text-shadow: 1px 1px 0 #000">ココに長いタイトル文を書いてみる</span>
って云う具合にSPANタグのスタイルのtext-shadowプロパティを弄ってやれば影付き文字になるんスけどね。もちろん1pxを3pxにするとか、色を#fffから#ff0000に変えるとか色々表現の幅はあるんスけどね。
<span style="text-shadow: 3px 3px 0 #ff0000">ココに長いタイトル文を書いてみる</span>
ココに長いタイトル文を書いてみる
その他、-webkit-text-strokeって云うのを使うのもアリなんスよね。<span style="-webkit-text-stroke: 1px #000;">ココに長いタイトル文を書いてみる</span>
ココに長いタイトル文を書いてみる
これは縁取り文字っすね。SPANタグのスタイルで設定できるってぇことは、楽天ブログでも設定できる(ってぇか実際この記事でやってるし）訳で、例えばこんな感じで
<span style="font-size:xx-large;font-weight:bold;color:#ffff00;-webkit-text-stroke: 1px #000;">文章中に埋め込むこと</span>
お気に入りの記事を「いいね！」で応援しよう
[パソコン関連] カテゴリの最新記事
-
AWSでWindows Server 2019をt2.microで起… 2020年11月14日
-
Microsoft365のExcelとGoogleスプレッドシ… 2020年09月01日 コメント(1)
-
PDF文書に"CubePDF Utility" 2020年08月18日 コメント(1)
【毎日開催】
15記事にいいね！で1ポイント
省燃費走行の極意と…
New!
かずまる＠さん
今週に済ませておか…
New!
masatosdjさん
★クリスマスイルミネ…
New!
cozy-inn-antiqueさん
葉っぱの彩りが豊か… New! shigechan2008さん
#葛飾区 寅さん記念…
New!
鉄人騎士。さん
今週に済ませておか…
New!
masatosdjさん★クリスマスイルミネ…
New!
cozy-inn-antiqueさん葉っぱの彩りが豊か… New! shigechan2008さん
#葛飾区 寅さん記念…
New!
鉄人騎士。さんコメント新着
© Rakuten Group, Inc.
