CSSのtext-shadowだけで、文字の枠線をゴリ押し気味に付けてしまう方法 | 9ineBB
背景に画像を使っていたりすると文字がはっきり見えなかったりしますよね そんな時には文字に枠線を付けてやれば視野性が良くなります そこで、文字の縁取り専用のCSSプロパティもあるのですが、text-shadowで文字に枠線を付ける方法を思いついた時にはまだ知らなかったです、text-shadowでも背景色と組み合わせると文字の縁取りっぽく出来ます 専用のCSSプロパティ-webkit-text-stroke を使えば縁取りができちゃいます でも、webkit系しかまだ使えないようです なので-webkit-text-strokeよりも範囲の広いtaxt-shadowを使うのも有効です CSSのtext-shadowだけで文字に枠線を付ける 原理は、テキストシャドウで8方向にぼかし無しの影を表現することで枠線にしています CSS コード div {margin: 100px auto;widt
WEB アイコンフォント Font Awesome をCSSのcontentで使う方法 | 9ineBB
WEB アイコンフォントって何？ フォントにはPCで使うフォントとサーバー上に存在するWEBフォントがあります WEBフォントは無料のものと有料のものがあります 日本語だと有料のしか今のところ見たことがありませんが 英語だと1000以上のWEBフォントが存在しているようです WEBフォント中でも特殊なのが WEBフォントアイコン 通常のフォントとは少し様相が違います WEBフォントアイコンは、文字ではなくアイコン 画像が表示されるフォントです 使い方も通常のフォントと違います 今回はWEBフォントアイコンの Font Awesome をCSSのcontent:””;で使う使い方の紹介です Font Awesome を CSS の content で使う方法 下準備 まずは、WEBをダウンロードもしくは CDNのものを使ってHTMLで読み込みます ダウンロードはこちらのページから出来ます h
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
