|
|
|
2018年11月08日
カテゴリ：パソコン関連
今回は自分の仕事の備忘録的内容なので悪しからず。ひょっとしてご覧になってるブラウザによっては正しく表示されない場合があるので、その際はご容赦を。
例えばHTMLで、グラデーションした背景に白抜き文字を表示すると… ココに長いタイトル文を書いてみる右側に行けば行くほど見え難くなるんでどうしたもんかと、文字に装飾を加えてみようかと、先ずは影付きで…ココに長いタイトル文を書いてみるまあ見えやすくはなりますねぇ。最近、某地方公共団体の関連団体のサイトの更新作業をしてた時に、こういう事案が発生してどうしたものかと考えたときに出てきた案っすね。要は <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> 
お気に入りの記事を「いいね！」で応援しよう
[パソコン関連] カテゴリの最新記事
|
|
