ホームページ作成/ホームページ作成テクニック、小技

ページ全体に目盛り(方眼)画像を重ねて測る(5ページ目)

ブラウザによって微妙に配置が異なっている場合や、自分の望みの位置とは微妙に異なっている気がする場合、ずれている距離を測るのは面倒です。そんなとき、ページ全体に上から目盛り(方眼)画像を重ねると便利です。

西村 文宏

執筆者:西村 文宏

ホームページ作成ガイド

目盛り(方眼)画像A - 数字なし

5ピクセル目と10ピクセル目の線を点線にした目盛り画像(数字なし版)です。
サイズは、1000×1000ピクセルです。
下記のリンクを右クリックするなどして保存して下さい。

画像ファイル[ grid1000a.gif ]

線の種類と色は、以下のようになっています。

  • 5ピクセルごと: 20%の灰色(点線)
  • 10ピクセルごと: 40%の灰色(点線)
  • 50ピクセルごと: 60%の灰色(実線)
  • 100ピクセルごと: 青色(実線)
  • 200ピクセルごと: 赤色(実線)
  • 500ピクセルごと: 緑色(実線)

<< 記事2ページ目に戻る


  • 前のページへ
  • 1
  • 4
  • 5
  • 6
  • 8
  • 次のページへ

あわせて読みたい

あなたにオススメ

    表示について

    カテゴリー一覧

    All Aboutサービス・メディア

    All About公式SNS
    日々の生活や仕事を楽しむための情報を毎日お届けします。
    公式SNS一覧
    © All About, Inc. All rights reserved. 掲載の記事・写真・イラストなど、すべてのコンテンツの無断複写・転載・公衆送信等を禁じます