スタイルシートの最近のブログ記事

HTMLで画像を配置する場合

imgタグを使用しますが、

 

<a href="#"><img src="○○○.gif" alt="○○" width="○○" height="○○" /></a>

のようにimgにリンクを指定した場合、画像の外側にボーダーが表示されます。

<a href="#"><img src="○○○.gif" alt="○○" width="○○" height="○○" border="0" /></a>

としてもいいのですが、

スタイルシートで下記を指定することで簡単に消すことができます。

img{

      border:0;

}

 

 

CSSにてホームページのレイアウトをする際、

余計な余白が入ってしまうことがあります。

 

はじめに下記のように指定してしまえば回避できます。

* { margin:0;

   padding:0;

}

* は「全ての」を意味します。

全ての要素(HTMLタグ)のマージン(要素外側の間隔)とパディング(要素内余白)を0pxにします。

 

 

 

 

 

関連サイト

  • CSSテンプレート-pondt-

2008年7月

    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31    

ウェブページ

Powered by Movable Type 4.1

カテゴリ

ブログリンク集

  • ブログランキング
  • ブログランキング・にほんブログ村へ