> Category 文字Category in ‘文字’
罫線を使って日記風テキスト
背景でノートの画像を入れて日記風のデザインにするのは間々見かけますが、今回はCSSでunderlineを引いて日記風のデザインを作ってみます。 しかし、単純にtext-decoration: underline;で下線を [...]
～08/09/11～
行の折り返し位置を指定した見出し
行の折り返し位置を指定した見出しをデザインしてみます。 #h2-headline03 { width: 10em; height: 2.5em; margin-top: 3em; line-height: 1.2em; [...]
～08/09/08～
CSSで見出しをデザイン（擬似クラス:first-letter）
ドロップキャップで使った:first-letter 擬似クラスを使って見出しをデザインしてみます。 #h2-headline02 { color: #600; border-bottom: 1px solid #600; [...]
～08/09/07～
CSSで見出しをデザイン（付箋風）
CSSで便箋風の見出しをデザインしてみます。 backgroundで背景色を指定、colorでテキストカラーを見やすい適当なカラーにして、border-leftで付箋の感じを演出、border-bottomで立体感を出し [...]
～08/09/05～
CSSでスモールキャピタル
スモールキャピタルは小文字に対してサイズはそのまま大文字として表示させられる技術です。ちょっとしたアクセントに使えます。 スモールキャピタルは font-variantプロパティで使用します。 #small-capas [...]
～08/08/27～
欧文を使うときの注意
デザインとして欧文で大文字だけを使って単語を表記したり小文字だけを使って表記したりする場合が間々ありますが、これはＮＧです。しつこいようですが、htmlで表示方法を指定してはいけないのです。そして、この欧文に関しては、音 [...]
～08/08/26～
spanを使ったドロップキャップ
firs-letter を使ったドロップキャップはマークアップ時の手間が少ない分、何かと制限が多くていまひとつ思い通りにできない場合があります。そこで、一文字目をspanで囲ってもっと自由な表現が可能なドロップキャップを [...]
～08/08/25～
first-letter擬似要素を使ったドロップキャップ
本文の一文字目を大きくして以後に続く文字を普通のサイズで表現するドロップキャップは雑誌などでよく使われる手法です。 CSSなら、first-letter擬似要素を使って一文字目にスタイルを適用させることができます。 .d [...]
～08/08/24～
読みやすい文字色と背景色
紙媒体に比べるとモニター画面で文字を読むと目が疲れるということが大なり小なり起こります。そこで、テキストと背景色の明度の差を上手く調節して文字を読みやすくさせましょう。 テキストを読みやすくするためには、背景色と文字色の [...]
～08/08/23～
画像テキスト
スタイルシートのfont-familyでフォントの種類を選択できるのは当然なのですが、ホームページを見ている側にfont-familyで指定しているフォントが入っていなければなんの意味もありません。まあ、百聞は一見に如か [...]
～08/08/22～
おススメサーバ
最近チェックした記事
-
CSSで見出しをデザ...
CSSで便箋風の見出しをデザイ...
福岡のホームページ制作会社ソースマリン提携会社
Source Marineパッケージプラン
福岡のホームページ制作会社ソースマリンのコンテンツ
おススメサーバ
WP Cumulus Flash tag cloud by Roy Tanck and Luke Morton requires Flash Player 9 or better.
