dororo

HTML&CSS

画像を囲むボーダーの余計な空白

写真の下になぜかこんな空白が空いたらどうしますか? 解決方法はこれです。 vertical-align:bottom;をimgタグに指定します。 ブロック要素の中で画像を表示して、そのブロック要素にボーダーを設定すると下側にわず...
HTML&CSS

line-heightの単位について

line-heightについて line-heightプロパティは、行の高さを指定する時に使用します。 line-heightとは、 例えばfont-sizeを10pxとしてline-heightを20pxに設定します。 行の高さ20p...
HTML&CSS

各ブラウザでフォントサイズを統一する〜YUI fontsの使い方

各ブラウザでフォントサイズを統一する方法です。 Yahoo! UI Library(YUI)のFonts CSSを使用します。 ここで行っている内容は、body要素に対して基準になるフォントサイズを設定します。 各ブラウザでフォン...
HTML&CSS

フォント指定例

フォントの指定はかなり繊細です。よく使用するフォントの設定はパターンとして保管しておくとよいです。Dreamweaverなどをうまく利用するのも手です。
HTML&CSS

フォントサイズ キーワード

CSS2.1の仕様におけるfont-sizeの絶対サイズ指定キーワードのフォントサイズは以下のとおりです。 CSS2.1 での絶対サイズ指定キーワードのフォントサイズ対照表 絶対サイズ xx-small x-small s...
HTML&CSS

ブラウザ別のデフォルトフォントサイズ

プロポーショナルフォントと等幅フォント フォントにはプロポーショナルフォントと等幅フォントがあります。 プロポーショナルフォントは、文字毎に文字幅が異なるフォントのことをいいます。 例えば i と w では文字の幅が異なり、それぞれの...
Illustrator

illustratorのペースト色々 illustrator

illustratorのコピー・ペーストのペーストには色々な方法が用意されています。 以下の様なオブジェクトを用意しました。真ん中の赤色の四角形をコピーしました。 通常のペーストを行うと作業スペースの中央に貼り付...
Illustrator

外枠にテクスチャを加える Illustrator

完成例 手順 前回作成したドロップシャドウを使用した型押し文字を用意します。 背景の四角形を選択し、コピーします。アピアランスパネルからこの四角形のドロップシャドウを非表示にします。...
Illustrator

型押し文字にテクスチャーを加える Illustrator

完成例 前回作成した型押し文字を使用します。 パターンなどのテクスチャを加えた四角形を作成 前回作成したオブジェクトに2を重ねます。 文字が隠れる程度に四角形を作成して囲みます。塗りは何色でもかまいま...
Illustrator

ドロップシャドウ効果で作成する型押し文字 Illustrator

型押し文字をイラストレーターで作成します。 完成例 手順 線なし、塗りは任意の色で正方形を描きます。 正方形に入る文字を作成します。 文字をアウトライン化して正方形の上に重ねます。 重ねた文字だけ...
スポンサーリンク
タイトルとURLをコピーしました