提携パートナー連絡フォームその他その他のお問い合わせホームページ運営ブログBlogホームページのことを中心にためになるかもしれないことをいろいろと書いています。ホームページ制作のことからSEOや広告、マーケティングの話まで思いついたことを語っています。代表ホームページの文章やブログの文章ってあまり長く書きすぎると単調になって読んでいるとつまらなくなるものも多いです。文章力があって面白い文章を書ける人はいいですが、なかなかみんながそういうわけにもいかないですよね。そんな時に、ちょっとしたアクセントとしてテキストに装飾を加えると、とっても読みやすくなります。その中でも、特に簡単で味をひきやすいのは蛍光ペンのような装飾です。当ブログでも使っている蛍光スタイルこのブログでも、重要そうな部分にはこのように蛍光ペンでラインを引いたような形でアクセントとしてわかりやすくしているんですが、これがあるおかげで私のつまらない文章がちょっとは読みやすくなったり、大事なところは分かりやすかったりしていると思います。1行でできる、蛍光ペンのCSSこの蛍光ペンのような装飾は非常に簡単にできるのでぜひ覚えておいてください。ソースコードを見てみましょう。簡単すぎてびっくりすると思いますよ。40%);そうなんです、たった1行でできてしまうんです。蛍光ペンの太さの調整からしてみましょう。赤いラインで示した「%」の部分で太さを変更します。%の数字を大きくすると蛍光ペンは細くなり、小さくすると蛍光ペンの太さが太くなっていきます。それだけなので後は自分の好きな高さに調整してみてください。次に蛍光ペンの色はブルーのラインの箇所を変更してください。RGB値でもいいし、rgbaで指定して半透明にすることもできます。通常のCSSの色指定ですね。こんな感じで、太さや色をオプションで分けてクラスを設定しておくと組み合わせでいつでも好きなときに使えて便利ですよ。※基本的に、クラス名にredとかblueとかの色名を入れるのは好きじゃありませんが、今回は説明用に作りました。marker_bold">このようにマーカーのような装飾を引くことができます</span>非常に簡単でありながら使えば効果的な装飾ですね。今まで使ってみたかったけれど知らなかったという人は、ぜひ使ってみてください。YCOMでは大阪を中心にホームページ制作サービスを提供しています。ホームページ制作、運用に関するサービスのご案内はこちらよりご覧ください。YCOMのホームページ制作0-0これも読もう!関連する内容の記事スマホ対応に役立つ。背景画像を縦横比そのままでレスポンシブ対応するためのCSSの書き方。HTMLとCSSで画像やWEBフォントを使って自由にリストを表現する3つの方法メリットいっぱいのWEBフォントでデザインと運用効率を両立。WEBフォントについて知っておこう。me!大阪のホームページ制作会社YCOMです。ホームページの制作から運営まで幅広く対応。作って終わりの制作会社じゃない、運用面にも力を入れたクライアント様と一緒に進む制作会社です。ブログでは、ホームページに役立つ情報やノウハウを公開。ホームページ運営者はぜひ参考にして下さい。現在お仕事お請けできます。(1)まずはご相談から、ホームページを作るのがはじめての方も気軽にお問い合わせ下さい。|関東の方もホームページの制作を対応いたします。reserved.ホームページ制作YCOMトップホームページに必要な費用ホームページ制作料金ホームページ制作の流れオリジナルホームページ22万円パッケージプランホームページ制作実績ホームページ活用事例お客様の声よくある質問お問い合わせホームページの制作見積り依頼パートナー募集フォーム。